【问题标题】:1px border not showing until zoomed in on mobile chrome1px 边框直到在移动 chrome 上放大后才会显示
【发布时间】:2014-04-10 10:51:03
【问题描述】:

上图表明了问题 - 三个框周围有一个 1 像素的边框,在移动 chrome 上 100% 缩放时不会完全显示。正在使用的 Chrome 版本是 34.0.1847.114。

使用的 Css 没有什么特别之处:

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

【问题讨论】:

  • 它不会...边框以 45 度角相交,因此必须将像素分成两部分,并且某些浏览器在子像素渲染方面存在问题。
  • 感谢@Paulie_D 回复我 - 我的意思是底部边框,而不是右/左和顶部边框之间的微小间隙。
  • 哦...那我们需要看看 JSFiddle。

标签: android html css google-chrome border


【解决方案1】:

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

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

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2014-03-03
    • 1970-01-01
    • 2014-01-18
    • 2018-02-07
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多