企業做網站頁面尺寸設置

發布：2019-04-05 20:08:25 瀏覽：5360

網頁的設計，首先應從尺寸開始。所謂尺寸，是頁面的高度與寬度，設計者可根據實際的使用環境，將其分為不同載體。尺寸一般使用分辨率來表示，一像素單位為px，px值設置為72px用于電子屏幕顯示，在印刷品上我們設置為300px，配合計量單位。目前根據載體的不同，尺寸也被區分為了電腦屏幕尺寸，手機尺寸等，列如：電腦屏幕側重于大面積的展示體驗，手機則是小屏幕的便捷顯示，由于在小屏幕上觀看大尺寸頁面，頁面字體會顯得稀小，所以通常需設計兩種尺寸。雖然目前流行的html5簡化了這些操作，但如果想通用兩種不同尺寸，也需要留意許多細節。

確定設計頁面的寬度是較為容易的，但由于頁面缺少自適應能力，無法根據屏幕的大小來進行縮放，這樣無法全顯核心區域的內容。根據市面上一般電腦的寬度，最小在1200像素左右，文字的區域被控制在1000到1200px區間內，延伸寬度為大屏幕做準備。如果無左右延伸區域，在大面積的顯示上將會顯示得十分緊湊。關于頁面高度的設置，基于內容多或少而定，通常不應超過3屏。頁面過長一是不便于瀏覽者觀看，二是會導致頁面加載緩慢，影響使用體驗。因此高度在3000px內更利于瀏覽。