DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> DIV十CSS布局 >> 布局基本知識 >> css最小寬度 min-width
css最小寬度 min-width
編輯:布局基本知識     

 

css最小寬度 min-width 屬於width寬度一類變量寬度。對應了解 css最大寬度 max-width.

網頁div css布局中使用min-width 最小寬度樣式。

最小寬度語法:
min-width:980px設置最小寬度為980px

在現在全屏100%寬度布局越來越多,但有時手機浏覽器或電腦浏覽器比較小,但又不想太小寬度浏覽器導致布局變形,所以我們常常設置一個css最小寬度。這樣當浏覽器窗口寬度任意縮小到最小寬度樣式後,網頁寬度就不再隨浏覽器縮窄而縮窄。

布局時候 我們只需要對最外層div設置最小寬度或對body直接設置最小寬度css即可。

1、最外層div設置最小寬度
假如最外層DIV命名為#warp。

#warp{min-width:980px}

這樣浏覽器變窄或分辨率再小,此網頁寬度最小也是980px.

2、body設置最小寬度

body{min-width:780px}

這個簡單,對網頁直接設置最小寬度為780px,網頁再小最小寬度都是780px,寬度100%全屏下隨浏覽器分辨率變小而變小,但最終網頁最小寬度為780px.

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved