图片自动大小代码,手机网站html图片自动大小代码-重庆安菲科技网站建设公司

您的位置：首页 > 新闻

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

新闻 2022-11-08编辑：重庆网站建设标签：图片

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

width:100% 和 max-width:100%的区别： width: 100%是将所有指定元素的宽度拉伸或收缩到和父元素的宽度一致，而max-width: 100%则是如果指定元素的宽度不超过父元素的宽度，则大小不变，如果超过了父元素的宽度，则将宽度收缩为父元素的宽度。

总结:掌握width:100% 和 max-width:100%的区别，当max-width:100%未超过父元素宽度而导致无效的时候，把图片设置成width:100%。简单点说:width:100%;有可能会让网页变形;max-width:100%不会让网页变形;如果是小白直接用max-width:100%

以下是测式图片宽1841px