2019獨(dú)角獸企業(yè)重金招聘Python工程師標(biāo)準(zhǔn)>>>

? 移動(dòng)端的頁(yè)面一般會(huì)設(shè)置：
<meta name="viewport" content="width=device-width, iuser-scalable=no" /> ? ??

pc的頁(yè)面則不會(huì)設(shè)置，并且pc的頁(yè)面在移動(dòng)端應(yīng)該也保持樣式的穩(wěn)定，因此不會(huì)設(shè)置上面的meta標(biāo)簽。移動(dòng)端的默認(rèn)viewport為980，實(shí)際上屏幕可以顯示的寬度大多在1200+以上，即使一個(gè)比較寬的頁(yè)面也不會(huì)有滾動(dòng)條。

不做初始化設(shè)置下，html在pc和移動(dòng)的差異：

? ? pc中，html，body的寬度始終是頁(yè)面的寬度

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

?

移動(dòng)端：虛擬寬度默認(rèn)980，實(shí)際寬度一般在1200+以上

當(dāng)內(nèi)容區(qū)域較小時(shí)（即不超過(guò)980時(shí)）html和body也是占滿屏幕的寬度的，與pc端相同。隨著放大，html和body開始超出屏幕，出現(xiàn)滾動(dòng)條，但是html和body寬度的值不變，

當(dāng)內(nèi)容寬度較大，超出980時(shí)，且未超過(guò)屏幕最大容納寬度（1200+）時(shí)，不會(huì)出現(xiàn)滾動(dòng)條，頁(yè)面寬度以內(nèi)容區(qū)域?qū)挾纫恢?#xff0c;而html，body的寬度為屏幕的一部分，

當(dāng)內(nèi)容寬度很大時(shí)，超出屏幕最大容納寬度（1200+）時(shí)，開始出現(xiàn)滾動(dòng)條，屏幕寬度為最大顯示寬度。而html，body的寬度為屏幕的一部分

?

??

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

轉(zhuǎn)載于:https://my.oschina.net/u/3272730/blog/1595169

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。