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

首先建议你用html5来开发，然后，在网页的 中增加以上这句话可以让网页的宽度自动适应手机屏幕的宽度其中width=devicewidth表示宽度是设备屏幕的宽度initialscale=10表示初始的缩放比例minimumscale=05表示。

ltltspanmeta name=“viewport” content=“width=devicewidth， initialscale=10， minimumscale=05， maximumscale=20， userscalable=yes” 在网页的中增加以上这句话，可以让网页的宽度自动适应手机屏幕的。

如何让网页适应浏览器中的屏幕大小 首先，在网页代码的头部，添加一行viewportmeta标签第二，不要用绝对宽度因为网页的布局会根据屏幕宽度进行调整，所以不能使用绝对宽度的布局或绝对宽度的元素这个很重要具体来说，CSS。

想要网页宽度自适应，需要把网页元素宽度设置为百分比，还要在网页头部加上代码ltmetaname=quotviewportquotcontent=quotwidth=devicewidth，initialscale=10quot图片自适应，且不超过原始大小，需要设置最大宽度，代码如下img。

自适应网页设计Adaptive Web Design指能使网页自适应显示在不同大小终端设备上新网页设计方式及技术 2010年，Ethan Marcotte提出了“自适应网页设计”Responsive Web Design这个名词，指可以自动识别屏幕宽度并做出相应调整的网页设计。