max-width和width的區(qū)別

sugarmo 發(fā)布于2019-04-23 11:52 / 1975人閱讀

摘要：為寬度為最大寬度如果設(shè)置了，那寬度就定死了，不能動態(tài)的改變，顯得僵硬而設(shè)置了，實際寬度可以在之間，當(dāng)元素內(nèi)部寬度不足時，外層元素的寬度隨內(nèi)層元素寬度改變何時用要看需求，如果是極其簡單的布局使用就夠了

width為寬度
max-width為最大寬度
如果設(shè)置了width，那寬度就定死了，不能動態(tài)的改變，顯得僵硬
而設(shè)置了max-width，實際寬度可以在0~max-width之間，當(dāng)元素內(nèi)部寬度不足max-width時，外層元素的寬度隨內(nèi)層元素寬度改變
何時用max-width要看需求，如果是極其簡單的布局使用width就夠了

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/1284.html

相關(guān)文章

CSS-@media詳解。

摘要：最小寬度上面代碼表示當(dāng)屏幕大于或等于時，將采用樣式來渲染頁面。是目標(biāo)顯示區(qū)域的寬度，例如，瀏覽器寬度。如果使用，那么當(dāng)手機由豎變橫時，是執(zhí)行的，因為顯示區(qū)域發(fā)生了變化。通常，面向移動設(shè)備用戶使用面向設(shè)備用戶使用。 CSS3@media查詢使用@media查詢，你可以針對不同的媒體類型定義不同的樣式。@media可以針對不同的屏幕尺寸設(shè)置不同的樣式，特別是如果你需要設(shè)計響應(yīng)式的頁面，@...

keelii 2019-08-23 15:40 評論0 收藏0
響應(yīng)式布局開發(fā)

摘要：目錄移動介紹和兩種開發(fā)方式響應(yīng)式開發(fā)方式原生的開發(fā)方式響應(yīng)式的原理的媒體查詢響應(yīng)式開發(fā)框架的介紹和基本信息優(yōu)勢版本了解框架和庫的區(qū)別主導(dǎo)者不一樣入門起步下載和引包閱讀的文檔了解常用的全局樣式和組件和插件搭建項目目錄結(jié)構(gòu)創(chuàng)建主頁引包設(shè)置網(wǎng) 目錄移動web介紹和兩種開發(fā)方式(響應(yīng)式開發(fā)方式原生的開發(fā)方式) 響應(yīng)式的原理(CSS3的媒體查詢) 響應(yīng)式開發(fā)框架(Bootstrap) 的介...

instein 2019-08-30 13:53 評論0 收藏0
響應(yīng)式布局開發(fā)

摘要：目錄移動介紹和兩種開發(fā)方式響應(yīng)式開發(fā)方式原生的開發(fā)方式響應(yīng)式的原理的媒體查詢響應(yīng)式開發(fā)框架的介紹和基本信息優(yōu)勢版本了解框架和庫的區(qū)別主導(dǎo)者不一樣入門起步下載和引包閱讀的文檔了解常用的全局樣式和組件和插件搭建項目目錄結(jié)構(gòu)創(chuàng)建主頁引包設(shè)置網(wǎng) 目錄移動web介紹和兩種開發(fā)方式(響應(yīng)式開發(fā)方式原生的開發(fā)方式) 響應(yīng)式的原理(CSS3的媒體查詢) 響應(yīng)式開發(fā)框架(Bootstrap) 的介...

ybak 2019-08-01 18:28 評論0 收藏0
《CSS世界》閱讀筆記（二）——塊級元素與基本尺寸

摘要：塊級元素基本概念塊級元素是一個水平流上只能單獨顯示一個元素，多個塊級元素則換行顯示。其中內(nèi)部尺寸由內(nèi)部元素決定還有一類叫作外部尺寸寬度由外部元素決定。所以子元素的高度設(shè)為是無效的。此時的就會有計算值，即使祖先元素的計算為也是如此。塊級元素基本概念塊級元素：是一個水平流上只能單獨顯示一個元素，多個塊級元素則換行顯示。塊級元素和display 為 block 的元素不是一個概念。每...

lylwyy2016 2019-08-29 18:31 評論0 收藏0
淺談pc和移動端的響應(yīng)式

摘要：淺談和移動端的響應(yīng)式身為一個前端攻城獅，是不是經(jīng)常遇到各種各樣的響應(yīng)式問題下面我們來說一下響應(yīng)式跟自適應(yīng)有什么區(qū)別有些人可能還不知道響應(yīng)式跟自適應(yīng)的區(qū)別甚至認(rèn)為他們是同一個東西其實不是的自適應(yīng)是最早出現(xiàn)的，后面才有了響應(yīng)式。淺談pc和移動端的響應(yīng)式身為一個前端攻城獅，是不是經(jīng)常遇到各種各樣的響應(yīng)式問題？下面我們來說一下： 1.響應(yīng)式跟自適應(yīng)有什么區(qū)別? 有些人可能還不知道響應(yīng)式跟自...

Soarkey 2019-08-30 15:55 評論0 收藏0