我想制作一个适合任何可移植设备并填充屏幕并动态调整其内容大小的 HTML 页面。它还应该适用于 iPhone 和 Android。并且用户不应该能够调整页面大小。
我尝试过这些想法:
- 将布局设置为宽度 100%,但用户仍然可以放大/缩小
- 我使用了 DIV 标签,但它在 iPad 上无法填满屏幕,但在 iPhone 上运行良好。
我希望你有个好主意来帮助我。
最佳答案
如果您已经尝试使用百分比并对结果不满意,我建议您考虑使用 CSS Media Queries.通过确定浏览网站的分辨率,您可以针对每种设备专门对其进行优化。
如果您想在移动设备中禁用网站缩放,请务必添加以下内容:
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
关于android - HTML5固定尺寸页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13664854/