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" />