我正在使用CSS向网站添加响应式功能，该网站已经属于他们一段时间了，现在正在添加响应式功能，以便它可以支持移动版本。
我面临一个问题，假设有多行由水平线分隔。
在某个地方我正在使用hr在某些地方我只是简单地使用div to...
这是小提琴的示例链接http://fiddle.jshell.net/G2rCT/3/ http://fiddle.jshell.net/G2rCT/3/
当我查看桌面版本时，线条的高度精确地显示为 1 像素，而当我在移动设备上查看时，替代线条的高度显示为 2 像素。
但是当我放大它看起来不错时，我认为问题在于缩放系数。我也在用<meta name="viewport" content="width=device-width" />改变了初始比例值，但没有任何区别。
我是否遗漏了一些东西，我的问题是我使用视口的方式。
手机样本可以在这里查看http://fiddle.jshell.net/G2rCT/4/show/ http://fiddle.jshell.net/G2rCT/4/show/
这确实不是一个你能解决的问题。你的代码没问题。
下面您将看到我拍摄的一些屏幕截图。我在虚拟机上通过 Android 2.3.3 和 4.4 运行 Fiddle，然后进行缩放。上面两张图片是 2.3.3 和 4.4，缩放至 100% 分辨率。我的屏幕上的 1 个像素就是“手机”上的 1 个像素。你可以看到线条很好（我认为 4.4 的屏幕截图可能不完全是 1:1，但在 2.3.3 的屏幕截图中很清晰）
但在下面，您将看到我采用了相同的设备，但缩小了手机的比例，因此不再是 1:1。您可以看到您所描述的问题出现在这些屏幕截图中，这意味着您的手机屏幕和缩放方式是此处的问题。
编辑：您可能需要加载在新窗口中显示图像 URL https://i.stack.imgur.com/VUwIu.png看到真实的东西。我不知道如何在这里链接图片，抱歉！
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
