lthtmllthead ltmeta charset=quotUTF8quot lttitleTitlelttitle ltscript var pixelRatio = 1 windowdevicePixelRatio documentwritequotltmeta name=#39viewport#39 content=#39width=devicewidth，initial；由于屏幕上的点线和面都是由像素组成的，显示器可显示的像素越多，画面就越精细，同样的屏幕区域内能显示的信息也越多，所以分辨率是个非常重要的性能指标之一二分辨率类型有哪些常见的不同尺寸的屏幕对应的最佳分辨率。

在中间位置点击三2在中间位置点击三之后，点击里面的设置3点击里面的设置之后，继续点击主页4这样一来如果没问题，启动网页自适应屏幕即可让网页自动适应显示器不同的“分辨率”了；minimumscale=10， maximumscale=10， userscalable=noquot这种标签，表示是根据手机屏幕11显示的页面这种情况需要用百分比来编写样式的宽度大小或者用JS判断根据不同的屏幕分辨率来编写不同的样式大小，这样才能确保。

不同的分辨率所查看的网页最终结果是不一样的，如何保证或者知道在不同分辨率下你的网页是什么样子，需要借助其他工具或者手工调整分辨率来查看而在Dreamweaver中，你能方便的切换不同的分辨率，单击状态栏分辨率按钮，在弹出的；您说的应该是CSS3的媒体查询哦~举例media screen and maxwidth 768px body backgroundcolorblue 以上这段代码指的是在屏幕分辨率为768px或小于768px时，body的背景色为blue768px是ipad的竖屏像素。

固定div的宽度，这样在小分辨率模式下就会出现横拉条如果不想要横拉条，只有写百分比宽度，同时图片的宽高也设为百分比；单位 描述分辨率的单位有dpi点每英寸lpi线每英寸ppi像素每英寸和PPD像素每度但只有lpi是描述光学分辨率的尺度的虽然dpi和ppi也属于分辨率范畴内的单位，但是他们的含义与lpi不同而且lpi与dpi。

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

html获取屏幕分辨率

1、以下几种方式1css把宽度设置成百分比，width100%左右布局按一定比例设置好 ，需要多次调试，保证不同分辨率下的美观性2根据不同分辨率或者不同屏幕大小定义相应的CSS文件一般多采用这种方式比如ltlink rel=quot。

2、不是HTML5，而是CSS3Css3中加入了Media Queries模块，该模块中允许添加媒体查询media query表达式，用以指定媒体类型，然后根据媒体类型来选择应该使用的样式换句话说，允许我们在不改变内容的情况下在样式中选择一种页面。

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

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

5、一般我们的框架都不要写死PX，用百分比会好些，宽度高度都是10%20%，根据显示设备的不同尺寸，依旧是占用10%20%即可解决这个问题望采纳。

html不同分辨率排版乱了

基于网格的布局则不同，元素可以放置在窗体的任何位置，其定位通常是绝对的，元素之间没有依赖关系这种布局方式的优点是灵活性强，可以自由定位元素，实现更复杂的布局效果缺点是不够适应性强，需要手动调整元素位置和尺寸，不同分辨率的设备。

最高级的body标签，还有最高级别的div用width100%可以加上padding0px margin0px如果还不可以的话使用$windowwidth可以得到屏幕宽度像素然后像这样documentreadyfunction resizeHtml为了防止。

为了适应不同分辨率的显示器，网页背景应具备自动延伸的能力本文将介绍如何设计网页尺寸，以适应不同环境，确保你的网页在各种设备上都能呈现最佳效果#xF5BC#xFE0F自动延伸的背景网页设计的背景不应局限于固定尺寸你可以选择可循环平铺的图片。