Viewport概述

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

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

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


當(dāng)前文章標(biāo)題:Viewport概述

當(dāng)前URL:http://m.supportcoffeeroasters.com/news/wzzz/3545.html

上一篇:APP原型的尺寸設(shè)計(jì)

下一篇:CSS中的px與移動(dòng)設(shè)備中的px

網(wǎng)站建設(shè)、抖音推廣、頭條推廣、微信朋友圈推廣、快手推廣專(zhuān)線:15368242187(微信同號(hào))