close

推薦連結: 冷氣機唔凍原因

當建立一個網站,你需要知道網頁的設計尺寸。不同瀏覽器和終端設備的流行尺寸也不同。就PC端網頁的設計尺寸而言,一般分辯率為1920*10801366*768。


據百度研究院發佈的2019年10月中國互聯網用戶訪問量占互聯網主流設備的比例為42%,為94%。也就是說,大部分螢幕解析度已經超過1366*768,囙此在適應網頁時,不需要對1366寬度以下的尺寸進行特殊處理。所以在設計中最好使用1920px標準。


手機網頁的設計尺寸更加多樣化,尺寸範圍很廣,包括IOS和Android。一般來說,內容區為750px或960px或1080px,一般不小於750px點數大小(寬度)。

對於蘋果,您可以參考以下移動網頁設計尺寸標準:


圖片來源:蘋果官網

對於Android,可以參考下錶:


圖片來源:部落格花園

如果需要相容不同瀏覽器和不同終端設備的顯示尺寸,比較流行的方法是製作一個響應式網站,即根據不同的分辯率顯示不同的尺寸。無論您使用的是手機、iPad還是電腦,頁面都可以自動切換分辯率、影像大小和相關腳本功能,並相容多個終端。

由於用戶訪問網頁的設備多種多樣,響應式網站已成為一種主要趨勢。然而,如果你自己開發它,它是困難的,你不能做好。現時流行的管道是直接使用響應式自助網站建設系統,如“線上”。你可以直接選擇一個範本並稍加編輯,然後你就可以快速生成一個適應每個終端平臺的響應式網站。比較簡單。


具體製作方法如下:在“線上”注册您的帳戶後,選擇“創建網站”,然後選擇您喜歡的範本:


(本展示頁面提供的範本和元素僅用於展示功能效果,未經授權不得挪作他用)

點擊範本進入編輯頁面,可以【添加新版本塊】,添加需要的功能,包括店鋪、部落格、定價錶、自定義應用、產品展示、標題、相册、消息表單等熱門板塊都安排在最前面,您可以參考常用版塊,選擇需要的功能。


網站的文字和圖片可以修改和替換。這個部分有各種各樣的佈局。無論佈局是什麼,它都可以適應不同的終端,並且可以自由匹配。

在左上角可以設定網站功能變數名稱、網站標題、說明、關鍵字等,預覽正確後,點擊左下角的“線上”。

以上是網頁設計尺寸說明的相關知識,如果你覺得麻煩,那麼其實自助網站是個不錯的選擇。

arrow
arrow
    全站熱搜

    peterchann222 發表在 痞客邦 留言(0) 人氣()