圖片自動(dòng)大小代碼,手機(jī)網(wǎng)站html圖片自動(dòng)大小代碼

新聞 2022-11-08編輯：深圳網(wǎng)站建設(shè)閱讀（）標(biāo)簽： 圖片

.z_docContents img,.z_docContents video{width:100%; height:auto;max-width:100%; max-height:auto;}

width:100% 和 max-width:100%的區(qū)別： width: 100%是將所有指定元素的寬度 拉伸或收縮到和父元素的寬度一致，而max-width: 100%則是如果指定元素的寬度不超過(guò)父元素的寬度，則大小不變，如果超過(guò)了父元素的寬度，則將寬度收縮為父元素的寬度。


總結(jié):掌握width:100% 和 max-width:100%的區(qū)別，當(dāng)max-width:100%未超過(guò)父元素寬度而導(dǎo)致無(wú)效的時(shí)候，把圖片設(shè)置成width:100%。簡(jiǎn)單點(diǎn)說(shuō):width:100%;有可能會(huì)讓網(wǎng)頁(yè)變形;max-width:100%不會(huì)讓網(wǎng)頁(yè)變形;如果是小白直接用max-width:100%

以下是測(cè)式圖片寬1841px

• 上一章：您未獲授權(quán)，無(wú)法查看此網(wǎng)頁(yè)。HTTP ERR...
• 下一章：網(wǎng)頁(yè)中圖片大小自動(dòng)調(diào)整四種方法