14.10.14 ios分标率和html适配问题

一开始的时候,还以为移动端和pc端差不多。就直接挪过去。结果发现分辨率跟想象不大一样。明明是640宽度,结果只占了手机屏幕的一半左右。要把width加到1200多,才算是正常。

有点诡异,自己浅薄的以为是微信里把屏幕同步正常缩小了,为了适配pc端。

慢慢的开发中,在使用chrome开发者工具模拟时,发现有个设置”device pixel ratio”,我选择iphone5时,默认是2,分辨率也变成原本的一半。就开始心思活络起来。搜索了一下。

这个视网膜屏幕啊,

加上这句<meta name=”viewport” content=”width=device-width, initial-scale=0.5″>,就都ok啦。

其实initial-scale=0.5这句原本没有的只是为了适配小米手机……

此条目发表在js分类目录。将固定链接加入收藏夹。