Viewport概述

  • 2022-07-27 21:29:34
  • 閱讀次數(shù):
  • 作者:盈嵐科技小編
  • 來源:http://supportcoffeeroasters.com

通俗地講,移動設備上的Viewport 就是設備的屏幕上能用來顯示網(wǎng)頁的一塊區(qū)域,也可以理解為移動設備屏幕的可視區(qū)域。昆明網(wǎng)站建設小編再具體一點,就是瀏覽器上(也可能是一個APP中的Webview)用來顯示網(wǎng)頁的那部分區(qū)域,但Viewport 又不局限于瀏覽器可視區(qū)域的大小,它可能比瀏覽器的可視區(qū)域大,也可能比瀏覽器的可視區(qū)域小。

在默認情況下,移動設備上的Viewport都是要大于瀏覽器可視區(qū)域的,這是考慮到移動設備的分辨率相對于桌面電腦來說都比較小,所以為了能在移動設備上正常顯示那些傳統(tǒng)的為桌面瀏覽器設計的網(wǎng)站,移動設備上的瀏覽器都會把自己默認的Viewport 設為980或1024像素(也可能是其他值,這個是由移動設備自己決定),但帶來的后果就是瀏覽器會出現(xiàn)橫向滾動條,因為瀏覽器可視區(qū)域的寬度比默認Viewport的寬度小。


當前文章標題:Viewport概述

當前URL:http://supportcoffeeroasters.com/news/wzzz/3545.html

上一篇:APP原型的尺寸設計

下一篇:CSS中的px與移動設備中的px

網(wǎng)站建設、抖音推廣、頭條推廣、微信朋友圈推廣、快手推廣專線:15368242187(微信同號)