HTML页面何适应不同分辨率的显示器可以通过响应式布局自适应网页设计等方法1响应式布局设计响应式布局可以为不同终端的用户提供更加舒适的界面和更好的用户体验，响应式布局就是实现不同屏幕分辨率的终端上浏览网页的。

5在两个p中加入相同的图片img src=quotimages5pngquot，在浏览器打开页面发现加入图片后把原来的p都给覆盖掉了 6这个时候我们需要在img类中加入限制图片的宽度的css语句让他自己适应容器的宽度imgimgwidth100%heig。

二 固定居中 在800×600分辨率下制作的网页在1024×768分辨率的机器上打开，整个网页就会跑到左边1024×768分辨率的网页在800×600分辨率的机器上有时也会变得quot不堪入目quot两种分辨率各做一个吧做起来费劲所以目前普。

这样你看，不管你是用普通的img元素，还是用html5画布，都可以自适应浏览器窗口的分辨率关于作图大小的问题要看你的需求，如果需要全部可见，那么你作图的尺寸上限就不能超过屏幕可见范围，如果可以使用scroll卷轴来浏览，那么。

quot自适应网页设计quot的核心，就是CSS3引入的MediaQuery模块它的意思就是，自动探测屏幕宽度，然后加载相应的CSS文件ltlink rel=quotstylesheetquot type=quottextcssquotmedia=quotscreen and maxdevicewidth400pxquothref=quottinyScreen。

6这时界面上显示出不同分辨率界面，然后预览该界面网页设计里的字体怎么改变rem格式响应式网页设计remem设置网页字体大小自适应 rem是指根元素rootelement，html的字体大小，好开心的是，从遥远的IE6到版本。

具体语句比如ltlink rel=quotstylesheetquot media=quotscreen and minwidth980px and maxwidth2048pxquot href=quotCSSmin980pxcssquot ，这里就是查询最新屏幕宽度980px最大屏幕宽度2046px的时候，加载quotCSSmin980px。

所谓自适应，就是对所支持的分辨率有一个预先定义好的宽度具体做法是，1，使用js根据屏幕分辨率来设置html宽度，不同的分辨率采用不同的html宽度2，采用固定宽度然后居中对齐或者左对齐或者右对齐3，由用户选择或者调整。

1使用百分比控制标签高宽以实现不同分辨率下显示比例的固定，但当分辨率变形到一定程度，或页面内容十分复杂时，仍然会影响到内容的排版 2使用javascript动态修改页面布局样式，对于简单的布局可以自写JS来调整，对于复杂的。

在css中定义一个控制embed的div样式， 自适应可以利用的浮动元素的尺寸可以通过margin来调整，然后让body的高度要设为100%，这样内部的div的高度设为100%才有效，宽度嘛不用管他，div默认就是自适应宽度的 东莞汇鑫。