我已尝试配置以下页面，以便页面宽度适合设备的屏幕尺寸: http://www.kinohunt.com/movies/17353
我用来配置的 html 如下:
但是，此页面在 iPad 上按预期呈现，但在 iPhone 上却不是 在 iPhone 中打开时，页面总是太大，超出屏幕宽度，因此右侧被裁剪。
我是否没有正确使用视口(viewport)配置？
我也有一个类似的页面，在 dom 中有更多电影详细信息对象，它在 iPhone 上可以正确调整大小:http://www.kinohunt.com/top/imdb
最佳答案
您使用的是硬编码宽度值。请改用百分比。例如，宽度:80%。这将使您的页面元素相应地缩放。
iPad 可能显示良好，因为它的视口(viewport)大于您硬编码的宽度设置(在您的情况下，“top-table”上为 780px)。
以下是 jsfiddle 示例(在每个示例中调整浏览器的大小):
此示例使用百分比作为宽度值(注意框如何随浏览器缩放)http://jsfiddle.net/reala/09kwrmx1/
此示例使用硬编码的宽度值(就像您正在使用的一样)。请注意该框如何不随浏览器缩放 http://jsfiddle.net/reala/6xdxm28t/
关于html - 移动网页布局不一致问题，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/26173462/