您的位置:首页技术文章
文章详情页

javascript - 手机端打开不同页面时分辨率不同

【字号: 日期:2023-01-02 15:37:03浏览:57作者:猪猪

问题描述

初学,没用框架在尝试自己做响应式的网页。但是,在 手机端 出现了一个非常狗血的问题!

打开两个网页,变成了两个分辨率!

分别是:主页,注册页。注册页和主页nav和footer部分相同,所以在注册页的html中先引用了主页的css,再引用注册页专门的css。

测试有Chrome F12下自带的手机端模拟,和HUAWEI G7。

以下是Chrome手机模拟的调试截图:javascript - 手机端打开不同页面时分辨率不同主页javascript - 手机端打开不同页面时分辨率不同注册页

body最重要的部分也就是width,其他在图中也能看见。

body { width:100%;}

可以在右下角看到第二个页面整个body的分辨率都大了很多,在手机上也是这样,请问这是为什么!

问题解答

回答1:

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

标签: JavaScript
相关文章: