2019獨角獸企業重金招聘Python工程師標準>>>

? 移動端的頁面一般會設置：
<meta name="viewport" content="width=device-width, iuser-scalable=no" /> ? ??

pc的頁面則不會設置，并且pc的頁面在移動端應該也保持樣式的穩定，因此不會設置上面的meta標簽。移動端的默認viewport為980，實際上屏幕可以顯示的寬度大多在1200+以上，即使一個比較寬的頁面也不會有滾動條。

不做初始化設置下，html在pc和移動的差異：

? ? pc中，html，body的寬度始終是頁面的寬度

并且隨著放大，html和body始終是占滿屏幕的寬度的，但是html和body寬度的值變小了，內容被放大。縮小時正好相反。

?

移動端：虛擬寬度默認980，實際寬度一般在1200+以上

當內容區域較小時（即不超過980時）html和body也是占滿屏幕的寬度的，與pc端相同。隨著放大，html和body開始超出屏幕，出現滾動條，但是html和body寬度的值不變，

當內容寬度較大，超出980時，且未超過屏幕最大容納寬度（1200+）時，不會出現滾動條，頁面寬度以內容區域寬度一致，而html，body的寬度為屏幕的一部分，

當內容寬度很大時，超出屏幕最大容納寬度（1200+）時，開始出現滾動條，屏幕寬度為最大顯示寬度。而html，body的寬度為屏幕的一部分

?

??

參考：http://www.cnblogs.com/yoyoyo/p/3590110.html

轉載于:https://my.oschina.net/u/3272730/blog/1595169

總結

以上是生活随笔為你收集整理的viewport,html,body在pc和移动的差异的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。