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

新聞 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%則是如果指定元素的寬度不超過父元素的寬度，則大小不變，如果超過了父元素的寬度，則將寬度收縮為父元素的寬度。


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

以下是測式圖片寬1841px

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