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

标签 iphone html css mobile mobile-safari

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

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

有人解决这个问题吗?

最佳答案

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

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

关于iphone - 移动浏览器显示的 CSS 问题 (iPhone),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7381935/

相关文章:

html - 语义 ui 左菜单占用太多空间

html - "msapplication-TileImage"元标记有什么用?

html - 将文本对齐到列的底部(不使用表格单元格)

iphone - 如何检查多个 CGRect Intersects Rect

ios - 在 iOS 中单击 Detail Button 从 UITableView 获取相同的记录

javascript - <div> 窗口高度为 100%,由 Javascript 强制执行

css - Twitter Bootstrap - 使用图标

iphone - 在 iPad 应用程序中更改 UITabbar 项目的宽度和它们之间的边距

iphone - 触摸开始 :(NSSet *)touches withEvent:(UIEvent *)event doesn't get called

javascript - 有没有办法使用 CSS3/Canvas 来 flex/弧形文本