相信大家在发表内容的过程中都遇到过这样的情况:图片太大了,导致发表在文章里面变形了,不好看了,甚至运行网站页面错位了,那是因为图片的长度没有控制好,导致溢出了边框。最简单的办法当然是用一些制图工具比如photoshop把图片的大小改一下,使之能适应网站的结构,但是这样确实挺麻烦的,所以,今天教大家一个简单的方法如何控制文章内容里图片的大小,让他可以超出部分自动缩小到指定的控制范围,省事省力省心省钱,想学就赶紧跟着我来吧!
就拿本站卡盟排行榜类型的网站程序来做个说明吧,主要是文章资讯内容里的图片容易超出,大家只要查看一下源代码,然后找到相关的样式增加一个:max-width:*px;即可,比如https://www.chenda.ltd/artinfo/227.html这篇文章里的图片显然超过了670px,所以溢出了,只要在img里增加一个img {max-width:670px;}即可解决问题。
就是这么简单,这么任性,有需要的就看看吧!