如何在PC端将viewport修改为480px宽度的移动端视图?
解决方案
- 直接修改viewport标签的
width属性值,把原本的device-width换成480即可,这样就能强制页面以480像素宽度渲染,实现PC端显示移动端视图且文字放大的效果。 - 修改后的完整代码:
<meta name="viewport" content="width=480, initial-scale=1, maximum-scale=1, user-scalable=no">
- 额外说明:若需要页面基于480宽度自适应缩放,可保留
initial-scale参数并按需调整,但直接指定width为480是最贴合你需求的操作。
内容的提问来源于stack exchange,提问作者Kiju Shin
相关产品推荐
相关产品推荐

