筆記 學習CSS布局04 max width

2021-09-02 02:42:02 字數 462 閱讀 8906

#main
在這種情況下使用max-width替代width可以使瀏覽器更好地處理小視窗的情況。這點在移動裝置上顯得尤為重要,調整下瀏覽器視窗大小檢查下吧!

順便提下, 所有的主流瀏覽器包括ie7+在內都支援max-width,所以放心大膽的用吧。

**例項:

在這種情況下使用 max-width 替代 width 可以使瀏覽器更好地處理小視窗的情況。這點在移動裝置上顯得尤為重要,調整下瀏覽器視窗大小檢查下吧!

順便提下, 所有的主流瀏覽器包括ie7+在內都支援 max-width ,所以放心大膽的用吧。

效果圖如下:

css布局學習筆記

對於大多數元素它們的預設值通常是 block 或 inline 乙個 block 元素通常被叫做塊級元素。乙個 inline 元素通常被叫做行內元素。當瀏覽器視窗比元素的寬度還要窄時,瀏覽器會顯示乙個水平滾動條來容納頁面。在這種情況下使用 max width 替代 width 可以使瀏覽器更好地處理...

前端學習之CSS(04)布局

盒子模型 頁面元素的大小 邊框與其他元素的距離 定位機制 文件流浮動定位 層定位 盒子模型組成 charset utf 8 type text css box style head box 內容內容內容內容內容內容內容內容內容 內容內容內容內容內容內容 div body html overflow屬...

《學習CSS布局》學習筆記

近幾天做了乙個小的企業展示 雖然頁面是在模板的基礎上改的,但改的多了不熟悉css也很麻煩。正好我看到了學習css布局這個 於是補習了一下css知識。css的元素分為兩類 塊級元素和行內元素。display屬性就是控制元素的表現形式,它的值包括inline block和none等。none通常用於在不...