1、首先，引入上方这个polyfill然后，得到devicePixelRatio和backingStorePixelRatio的比例，可以使用下面的方法 var getPixelRatio = functioncontext var backingStore = contextbackingStorePixelRatio；在域名解析里面也自动添加一个二级域名解析的，就是解析到同一个IP上面的至于你下面那个手机网站的，就有点复杂了，好像是使用代码实现这个功能的，这个代码就是确定访问的机器的大小分辨率来确定你的是电脑还是手机；由于HTML5和微信内置浏览器的火爆，移动端H5网页越发流行在设计制作移动端网页的时候，你是否疑惑，这种网站设计稿应该做成的多少屏宽，是否应该跟手机的分辨率一致，还是应该按照iPhone的分辨率来设计注意H5网页区别于APP，APP的设计稿直接按照；移动端，分辨率相差太大，做一个尺寸，然后等比缩放，可能不能适应所有分辨率这时候，就需要设计多种分辨率了安卓开发就是多种分辨率，对应多套素材html5方面，cocos做了多分辨率的适应，开发者只需要关注设计尺寸就可以；HTML页面何适应不同分辨率的显示器可以通过响应式布局自适应网页设计等方法1响应式布局设计响应式布局可以为不同终端的用户提供更加舒适的界面和更好的用户体验，响应式布局就是实现不同屏幕分辨率的终端上浏览网页的。

2、不是HTML5，而是CSS3Css3中加入了Media Queries模块，该模块中允许添加媒体查询media query表达式，用以指定媒体类型，然后根据媒体类型来选择应该使用的样式换句话说，允许我们在不改变内容的情况下在样式中选择一种页面；然而并不能固定\r\n分辨率由显示器决定只能通过CSS来决定页面的宽度尺寸\r\n当你用1024*768的显示器时，你会发现页面很大\r\n但你用1920*1080的显示器时就会发现页面变小了\r\n其实页面的尺寸还是一样的；其次，你需要把网页的宽度设置为百分比，不能写固定值再就是要用到媒体查询了@media，这样网页就可以适配不同分辨率的设备了；在CSS里添加媒体查询，查询屏幕宽度的大小具体语句比如ltlink rel=quotstylesheetquot media=quotscreen and minwidth980px and maxwidth2048pxquot href=quotCSSmin980pxcssquot ，这里就是查询最新屏幕宽度980px最大；回答一 自然拉伸 如果你的中国站结构没有用到大量的图形来衔接，主要由表格来定结构，那么你就可以使用该方法非常适用于主要由表格文字来表达信息的简单的中国页页面制作表格时，只要你把表格的宽度属性定义为一00% ；这样你看，不管你是用普通的img元素，还是用html5画布，都可以自适应浏览器窗口的分辨率关于作图大小的问题要看你的需求，如果需要全部可见，那么你作图的尺寸上限就不能超过屏幕可见范围，如果可以使用scroll卷轴来浏览，那么。

3、lthtmllthead ltmeta charset=quotUTF8quot lttitleTitlelttitle ltscript var pixelRatio = 1 windowdevicePixelRatio documentwritequotltmeta name=#39viewport#39 content=#39width=devicewidth，initial；根em，使用rem为元素设定字体大小时，是相对大小，但相对的只是HTML根元素通过它既可以做到只修改根元素就成比例地调整所有字体大小，又可以避免字体大小逐层复合的连锁反应目前，除了IE8及更早版本外，所有浏览器均已；你是想要自适应有几种办法，百分比写CSS要么就是做一个所有分辨率都适应的内容也就是透明层然后做一个1920的背景，背景居中，内容透明层居中完事。

4、用以下代码开头lt！DOCTYPE HTMLlthtmlltheadltmeta charset=quotutf8quotltmeta name=quotviewportquot content=quotwidth=devicewidth， initialscale=1quot 使用百分比定义宽度CSS代码可以适当使用media only screen and max；在css中定义一个控制embed的div样式， 自适应可以利用的浮动元素的尺寸可以通过margin来调整，然后让body的高度要设为100%，这样内部的div的高度设为100%才有效，宽度嘛不用管他，div默认就是自适应宽度的 东莞汇鑫；ltliltli ltliltli ltliltli ltliltli ltul 可以这么写试试看，图片直接设置为displayblock如果宽度是根据窗口缩放的话，可以直接设置为100%如果定宽就写margin0 auto图片就是居中的。

5、分析设计图 假设设计图大小为1080px这也就意味着，在开发时，需要兼容的最大分辨率为1080px，最小的为320px2 调整视口 代码实例lt！DOCTYPE htmllthead ltmeta charset=quotUTF8quot lttitle布局之路移动。