iphone - 移动浏览器显示的 CSS 问题 (iPhone)

Question

我正在使用 float: left; margin-left: -100px; 用于我之前的按钮，float: right; margin-right: -100px; 用于我的“下一步”按钮。虽然这在我的常规浏览器的固定宽度网站上完美运行，但我在移动显示方面遇到了麻烦。

手机似乎通过采用最大的容器并添加一点填充来“缩放”网站，不幸的是我的“下一个”和“上一个”按钮似乎没有注册，导致它们在边缘被切成两半移动浏览器上的屏幕。

有人解决这个问题吗？

Answer 1

如果不查看所有代码，很难提出具体的补救措施，但我怀疑您可以从视口(viewport)元标记中获得一些帮助:<meta name="viewport" width="device-width">

参见 A pixel is not a pixel is not a pixel from PPK