1、使用百分比会自动根据浏览器大小进行缩放比如winth100 如果不想让页面随着浏览器大小而改变位置和大小，就用固定的像素值winth1024px；布局分块没分好你是把所有文字放在一个img标签后面了将所有文字放进一个div中，然后再把这个div放再img后面就不会出现问题了；如果想要保持布局不变，可以给该元素如div设置最小宽度属性在网页中，如果一个元素没有设置最小宽度minwidth，这时当浏览器缩小到一定程度时，元素中的布局可能会发生变化设置代码如下lthtml lthead lttit；父级的div的width100%height固定值，如果设为positionrelative的话，子级的div用positionabsolute如果你怕因为屏幕的大小而不好设置的宽高的话，建议你顶部导航和底部版权栏的盒子设为width100% 中间正文部分；js实现p自适应高度代码如下html怎么将背景图与浏览器大小自适应图片自适应屏幕大小显示主要是利用百分比来控制，切忌给图片宽度一个固定值如下代码html代码pimg src=quot图片地址quotalt=quotquotp此时的css可以写成。

2、用一个div把divleft和divright包含起来，浏览器缩小的话就不会错位了第二个方法divright的css加上positionabsoluteleft120px 就可以了width10px 没有任何意义，相当于没写应该是写错了另外border；如果要支持IE8+，且不用CSS3的话，可以这么做，但是不支持opera浏览器 ltdiv id=quotbgquot ltimg src=quotimagesbgjpgquot alt=quotquotltdiv#bg position fixed top 50% left 50% width 200%；网站缩放产生是因为页面宽度无法容纳两个元素产生布局被撑破了如下所示 方法ltdiv style=quotwidth1000px marginautooverflowhidden clearbothquot lt！overflow 属性有必要存在，超出范围隐藏 ltdiv style=quotw；网页自适应浏览器大小\x0d\x0a\x0d\x0a首先要在头部，即标签内写自适应代码，如下\x0d\x0a\x0d\x0a其次，网页内部的元素宽度要使用百分比，在不同的屏幕大小下需使用媒体查询定义不同的css代码，例如\x；把div的宽度固定死，就可以了，不过一般不会那么做，电脑的分辨率不同，宽度固定死了，浏览效果不好 ltdiv align=quotcenterquot style=quotwidth100% minwidth1300px height800px background#999 paddingtop100px；可以通过响应式布局来实现内容随着屏幕比例变化而变化，下面列出三个简单的响应式方法例如使用flex布局flex布局的使用 或者把元素的大小改为百分比单位百分比单位的使用 又或者使用vh单位和vw单位，他们是基于显示屏的长宽比来。

3、onewidth80% fontsizeem设置自体的大小，em可以让自体根据浏览器不同而更加优与阅读 twowidth20%fontsizeem 注通过这样设置，就可能拉动浏览器，盒模型的宽度就会随着你的拉动而变大缩小，但；因为你设置的边距是定死的，比如30px，解决办法设置定位，边距以半分比形式呈现，你可以试着在样式里加上 position absolute left25。

4、设置完成后保存文件3打开浏览器，可以看到div并且可以观察到进度条是最上面的4接着将进度条拉倒最下面，可以发现div还是在原来的位置保持不变以上就是用fixed属性设置div固定位置的方法；lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot quotlthtml xmlns=quotltheadltmeta；要使元素的位置随着浏览器窗口的缩放大小比例变化，你可以使用 CSS 中的相对定位和百分比单位来实现以下是一种常见的方法HTMLCSSmydiv position relativetop 50%left 50%transform translate50%；ltdiv style=quotwidth100% textaligncenterquotltinput type=quottextquot value=quotText Boxquot style=quotwidth300pxquot ltdiv 实现Text Box左右居中， 随页面界面缩小或放大而一直居中方法 使用一个宽度100%的div， 让。