javascript - 手機端打開不同頁面時分辨率不同

問題描述

初學，沒用框架在嘗試自己做響應式的網頁。但是，在 手機端 出現了一個非常狗血的問題！

分別是：主頁，注冊頁。注冊頁和主頁nav和footer部分相同，所以在注冊頁的html中先引用了主頁的css，再引用注冊頁專門的css。

測試有Chrome F12下自帶的手機端模擬，和HUAWEI G7。

以下是Chrome手機模擬的調試截圖：主頁注冊頁

body最重要的部分也就是width，其他在圖中也能看見。

body { width:100%;}

可以在右下角看到第二個頁面整個body的分辨率都大了很多，在手機上也是這樣，請問這是為什么！

問題解答

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