HTML5固定大小页面

Question

我想制作一个适合任何便携式设备的HTML页面，并填充屏幕并动态调整其内容大小。它也应该在iPhone和Android上运行。用户不应该能够调整页面大小。

我尝试了这些想法：

• 使布局的宽度为100％，但仍是用户可以放大/缩小
• 我已经使用DIV标签，但它并没有在屏幕填补iPad，但在iPhone上运行良好。

我希望你有一个好主意来帮助我。

Answer 1

如果您已经尝试过使用百分比，但对结果不满意，我建议您考虑使用CSS Media Queries.通过确定您的网站正在被浏览的分辨率，您可以针对每个设备进行优化。

如果要禁用缩放在移动设备上你的网站，一定要补充一点：

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />