合肥手机网站制作如何用js控制图片大小
我们在制作手机网站的时候,经常会遇到一个问题,那就是:如何用js来控制手机网站里面的图片大小?下面请看合肥手机网站制作专业人员如何处理这个问题的:
我们可以在img里面写如下代码:<img src="图片地址" onload="javascript:if(this.width>300)this.width=300"> 这句代码能把超过300宽度的图片变为300宽, 小于300的图片保持原尺寸不变。
很实用。
但是,这个对于网站管理员来说,如果他不专业或者压根就不懂代码,这个方法很难实施,所以我们还可以通过以下方法将代码写进css样式里面,这样不管网站交给哪一个人去管理都不用担心了!
具体代码如下:
img{
max-width: 100%;/*IE7 FF 支持*/
width:expression(this.width > 299? "300px":this.width );/* sets max-width for IE 为IE设置宽值*/
height:auto;
}