1px边框在移动镀铬放大之前不会显示

时间:2014-04-10 10:51:04

标签: android html css google-chrome border

enter image description here

上图显示了问题 - 三个盒子周围有一个1px边框,在100%缩放移动铬合金时没有完全显示。正在使用的Chrome版本是34.0.1847.114。

使用Css没什么特别之处:

background: #FBFEFF;
border: 1px solid #3BA8E7;
padding: 5px 6px;
font-size: 14px;
outline: none;

1 个答案:

答案 0 :(得分:0)

我想你现在已经解决了,但缺乏答案困扰着我。由于后备宽度(google developer),似乎在缩放时丢失了1个像素边框。

在页面上添加视口信息,以便设备具有正确的缩放信息:

<meta name=viewport content="width=device-width, initial-scale=1">