android - 1px 边框在放大移动 chrome 之前不会显示

标签 android html css google-chrome border

enter image description here

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

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

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

最佳答案

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

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

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

关于android - 1px 边框在放大移动 chrome 之前不会显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22985927/

相关文章:

javascript - Angular 应用程序路线不起作用

html - 将图像添加到 HTML 电子邮件

css - H2 跨度背景 - 宽度 : Auto not working as it should

android - 防止 css/jquery 弹出窗口允许点击下面的链接(仅限移动设备)

android - npm WARN jest-react-native@17.0.0 需要 whatwg-fetch@^1.0.0 的对等体,但没有安装

java - Android 相当于 iOS 的 dispatch_after

java - 使用服务来显示 toast

android - Unresolved reference : viewModelScope - Kotlin Android

jquery - 如何使用jquery每5秒添加顶部属性的值

javascript - jQuery 滑动切换和淡入问题