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

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

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

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

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/1284.html

相關(guān)文章

CSS-@media詳解。

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

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

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

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

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

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

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

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

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

Soarkey 2019-08-30 15:55 評(píng)論0 收藏0