请问css中1px的border在手机端为什么显示2px的?

请问css中1px的border在手机端为什么显示2px的?

Retina屏的分辨率始终保持为普屏的2倍。1px的边框在devicePixelRatio = 2的retina屏下会显示成2px,在iphone 6 plug 下,更显示成3px。
由于详细解释比较长,我贴出一篇文章,你可以看下解决方法有很多。

www.tuicool.com/articles/ZRv6bun
温馨提示:答案为网友推荐,仅供参考
第1个回答  推荐于2018-02-11
在头部之间,设置下<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />

还这样,就把scale=1改为scale=0.5或0.4,逐个测试。本回答被网友采纳
第2个回答  推荐于2016-08-07

    在<head></head>之间设置下<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />

    兼容性问题,某个元素默认就有1px的border,或者有1px的outline,将各元素的base属性border与outline设为0;

    <style>

    img{border:0px solid #ddd;outline:none;}

    </style>

    img{}


第3个回答  2015-08-10
border是边框的意思。而1px是设置边框的宽度!出现这种情况的话,可能是浏览器兼容导致的。具体需要看代码才能知道。
第4个回答  2015-07-30
首先看下是否被覆盖了。就是另一个border
还有可能是浏览器的问题自己去看下
相似回答