jquery手机端图片自适应方法
来源:原创
时间:2016-09-29
作者:脚本小站
分类:JS/JQuery
<script>
$(function (){
//对手机端的各种屏幕设定不同宽度
resizeImage();
//当屏幕重置大小,及翻转屏幕时重置相对高度
$(window).resize(function (){resizeImage();});
});
// 重置图像的高度
function resizeImage(){
//获取到当前图片的宽度
w = $('.list_img').eq(0).width();
//设定高度相对于宽度的长度
h = Math.round(w*0.7);
//设置值
$('.js_set_height').height(h);
//$('title').html('w:'+w+'h:'+h);
}