我尝试配置以下页面，以使页面宽度适合设备的屏幕尺寸： http://www.kinohunt.com/movies/17353
我用来配置的html如下：
但是，此页面在iPad上呈现预期效果，但在iPhone上却没有呈现 在iPhone中打开时，页面的大小总是太大，因此它超出了屏幕宽度，因此右侧会被裁剪。
我没有正确使用视口配置吗？
我也有一个类似的页面，在dom中有更多的电影细节对象，它在iPhone上正确调整大小：http://www.kinohunt.com/top/imdb
答案 0 :(得分：1)
您正在使用硬编码宽度值。请改用百分比。例如，width: 80%。这将允许您的页面元素相应缩放。
iPad可能看起来很好，因为它的视口大于你的硬编码宽度设置（在你的情况下，780px on＆＃34; top-table＆＃34;）。
以下是jsfiddle示例（在每个示例中调整浏览器的大小）：
此示例使用宽度值的百分比（请注意该框如何随浏览器缩放）http://jsfiddle.net/reala/09kwrmx1/
此示例使用硬编码的宽度值（就像您正在使用的那样）。请注意该框不会随浏览器http://jsfiddle.net/reala/6xdxm28t/