现在的用户浏览网站的设备越来越多样化了，有PC、平板、手机，而且屏幕尺寸也大有不同，所以现在越来越多的企业选择做自适应H5网站，自适应网站可以自适应屏幕尺寸，但是有一点不好，就是图片太大，在PC上可能不明显，但在手机上就显得有点大了，如果不是用Wifi的话，消耗手机流量还是挺大的，下面新图闻科技公司就来分享一下自适应网站怎么处理图片大小？
 
自适应网站怎么处理图片大小
 
网站中图片大小自适应，在我们编写网站时，有时图片太宽会将网站撑开，图片能自动适应网站吗，即图片太大时会自动缩小到固定大小。

    网站图片大小自适应方法：

    实现图片大小自适应可以用JavaScript实现也可以使用css实现，我们看看css实现方法，在<style></style>中添加如下代码：

    img{ max-width:650px;width;expression(this,width>650&&this.width>this.height? 650px:'auto';)max-height:1650px;heiht;expresion(this.height>1650 ? 1650px:'auto');}

cc以上代码就是如果图片超过650px就会自动缩小到650px，从而不影响页面效果。
 
想要提高网站的用户体验，自适应网站是基本，在做好自适应H5网站的同时，还有充分考虑用户体验，现在的互联网时代，是用户体验为王的时代，只要网站用户体验做的好，网站的流量自然就会高。