亚洲欧美精品aaaaaa片-亚洲国产精久久久久久久-国内精品久久久久久中文字幕-国模无码一区二区三区不卡-性色av极品无码专区亚洲-亚洲国产精品99久久久久久-三级毛片精品在线观看-亚洲黄片在线播放-日韩亚洲专区中文字幕-亚洲国产a国产片精品-荫蒂被男人添的好舒服A片漫画,久久精品成人鲁丝电影,日本强伦姧人妻一区二区,16女下面流水不遮视频

{dede:field.typename/}資訊

探知 ? 創(chuàng)造美好

不斷超越客戶的期望值,源自我們對(duì)這個(gè)行業(yè)的熱愛

網(wǎng)站建設(shè)分辨率定寬設(shè)計(jì)和全屏設(shè)計(jì)的區(qū)別

來源:網(wǎng)站建設(shè)觀點(diǎn) - 遠(yuǎn)策科技 | 2019-03-18

網(wǎng)站分辨率目前有兩種方式,采用定寬(固定尺寸)或者全屏(根據(jù)窗口大小自適應(yīng))。筆記本常見的屏幕分辨率為1366*768;臺(tái)式機(jī)常見分辨率有1440*900、1920*1080。市場(chǎng)上可能遇到的低分辨率為1280*768,比如投影儀或者其他設(shè)備(其他更小的屏幕可暫不考慮)。

網(wǎng)站建設(shè)
 
為了保證在小屏下,內(nèi)容可查看完整,因此目前常用的定寬頁(yè)面尺寸是1200px,實(shí)際可能會(huì)根據(jù)所展示的內(nèi)容,頁(yè)面導(dǎo)航,頁(yè)面其他元素,頁(yè)面所要適配的終端等,進(jìn)行調(diào)整。比如,簡(jiǎn)書首頁(yè)的寬度為960px;京東訂單詳情為1210px。
 
定寬頁(yè)面常用于:詳情,圖片,字段并不多的列表,內(nèi)容流等。
 
定寬頁(yè)面雖然可以免去屏幕適配的煩惱,但是對(duì)于有些內(nèi)容,可能會(huì)感覺在大屏下顯得過于小氣,體驗(yàn)并不好,比如圖片。而站酷在這一點(diǎn)上,處理的比較好,可以借鑒。當(dāng)屏幕寬度大于1600時(shí),采用1400的定寬;當(dāng)屏幕小于1600,使用1150的寬,同時(shí)圖片大小也會(huì)發(fā)生改變。(注:淘寶和京東的商品列表頁(yè)也采用了類似的處理方式)
 
全屏頁(yè)面指,除了頁(yè)面左右兩側(cè)的邊界,頁(yè)面中的內(nèi)容會(huì)隨著屏幕大小而撐滿。但是為了保證頁(yè)面內(nèi)容正常顯示,一般會(huì)設(shè)定小的適配寬度,頁(yè)面低于該寬度不再設(shè)配,頁(yè)面出現(xiàn)橫向滾動(dòng)條。
 
全屏頁(yè)面常用于:網(wǎng)站宣傳頁(yè)、采用左側(cè)導(dǎo)航的管理類網(wǎng)站、字段很多的列表頁(yè)、需要全屏查看的看板頁(yè)、使用瀑布流的頁(yè)面,或者頁(yè)面中有用戶需要可視區(qū)域更大才可方便操作的元素,比如地圖軌跡等。
 
對(duì)于全屏頁(yè)面,需要考慮,當(dāng)屏幕變大或者變小時(shí)如果適配。一般常用的適配方式有:

A.根據(jù)屏幕大小等比例放大(或者根據(jù)不同的屏幕設(shè)定不同的放大/縮小比例);

B.根據(jù)屏幕大小拉寬元素,元素高度不變(大屏下,可能會(huì)導(dǎo)致元素比例變形,視覺效果不佳);

C.根據(jù)屏幕大小,增加/減少每行顯示的內(nèi)容多少(多數(shù)適合于頁(yè)面內(nèi)容為網(wǎng)格布局的情況);

D.使用bootstrap等框架,采用響應(yīng)式布局(根據(jù)屏幕大小,改變大小的同時(shí)改變?cè)嘏虐娣绞剑?/div>

綜上所述,企業(yè)建議使用全屏適配方式或1200PX即可,當(dāng)然具體也要根據(jù)頁(yè)面內(nèi)容以及內(nèi)容在大小屏幕下的顯示情況,根據(jù)整個(gè)網(wǎng)站所使用的框架等進(jìn)行選擇。

多一份參考,總有益處

131-1155-0088 / 159-3167-7513

遠(yuǎn)策 - 建站推廣一站式服務(wù)

您可 微信掃碼 或 撥打電話 咨詢