手机浏览器像素按照电脑浏览器像素规则显示

让手机浏览器(QQ浏览器)像素等,按照电脑浏览器像素规则显示:

比如:电脑浏览器的像素和手机浏览器的像素不一致

            电脑浏览器规定max-width:600px,小于600px按照宽屏全屏显示,但是手机大小由于分辨率问题不可能小于600px,结果是手机两边有空白。所以加上下面代码,手机的宽度就是实际的px像素值了,小于600px手机也会按照充满宽屏显示了。

在html页面的head加上:

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes" />


你可能感兴趣的:(手机浏览器像素按照电脑浏览器像素规则显示)