利用CSS轻松定义图片最大宽度限制方式

昨天有个网友询问老蒋自己在使用WPCOS等对象存储插件的时候,由于自己对于上传图片没有进行宽度设置限制,导致上传的图片特别大直接将网页页面撑开,影响用户体验。如今我们很多电脑显示器是高清或者2K屏幕的,所以截图的大小比实际的会大很多,我们要不就是在截图之后将图片缩小至合适的宽度,要么我们就需要对于图片进行样式设置。

.content img{max-width:650px}

这里老蒋帮他在CSS中定义内容中的图片样式不要超过650px,如果有超过的直接设定最大宽度,当然我们也可以设置高度。

本文出处:老蒋部落 » 利用CSS轻松定义图片最大宽度限制方式 | 欢迎分享( 公众号:老蒋朋友圈 )

公众号 「老蒋朋友圈」获取站长新知 / 加QQ群 【1012423279】获取商家优惠推送