图片自动大小代码,手机网站html图片自动大小代码

新闻 2024-9-21编辑：深圳网站建设阅读（）标签： 图片

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

width:100% 和 max-width:100%的区别【bié】： width: 100%是将所有指定【dìng】元素的宽【kuān】度 拉伸或收缩到和【hé】父元素的宽【kuān】度一【yī】致【zhì】，而max-width: 100%则是如果指定元素的宽【kuān】度不超过父元【yuán】素的【de】宽度，则大小【xiǎo】不变，如果超过【guò】了父元素的宽度，则将宽【kuān】度收缩为父元素的【de】宽【kuān】度。


总结:掌握【wò】width:100% 和 max-width:100%的区【qū】别，当【dāng】max-width:100%未超过父元【yuán】素宽度而【ér】导致无效【xiào】的时候，把图片【piàn】设【shè】置成width:100%。简单点【diǎn】说:width:100%;有可能会让网页变形;max-width:100%不会【huì】让网页变形【xíng】;如果是小白直接用max-width:100%

以下是测式图片宽1841px

• 上一章：您未获授权，无法查看此网页。HTTP ERR...
• 下一章：网页中图片大小自动调整四种方法