当前位置：首页 > 新闻资讯>>网站制作中关于图片显示的最简单的处理方法

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

作者：郑州网站建设发布时间：2023-09-03 15:43:44查看次数：来源：网络文章数：

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

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

对于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">

站内文章：均为188bet博彩体育app下载方式各部门原创内容如需转载请著名本文网站链接：//www.mcissock.com/new/24639.html未经允许转载要受法律责任,如需转载请联系269247937@qq.com