您好,欢迎光临郑州网站制作网!
全国咨询热线:18539972853
首页/常见问题/文章详情

网站制作中关于图片显示的最简单的处理方法

发表时间:2019-09-06 19:21:37    浏览次数:46

企业网站制作过程中难免会遇到图片的使用,特别是在文章内容中。那么图片用什么尺寸的比较合适呢,为了能全方位兼容各种尺寸的图片都能正常显示,不失真,不变形,可以用CSS样式去控制图片的显示,无须使用JS脚本辅助。


css图片处理方法简单图片缩略图

对于PC端使用方法
利用CSS控制图片的最大显示宽度,高度自适应。
如:img{max-width:850px;height:auto;} 上传的图片如果宽度大于850px,则只能显示到宽度850px,高度会根据宽度自适应。


对于移动端使用方法

移动端可以让图片宽度自适应,高度不做限制。
如:img{width:100%;},但记得一定得配合meta标签一块使用,不然会把整个页面撑变形。
移动端头部一定要加上:<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0">