按正方形等比缩放, 你可以用js控制。 控制一个参数(width或height)就行;
<script type="text/javascript"> $(function(){ var imglist =document.getElementsByTagName("img"); //安卓4.0+等高版本不支持window.screen.width,安卓2.3.3系统支持 var _width; doDraw(); window.onresize = function(){ //捕捉屏幕窗口变化,始终保证图片根据屏幕宽度合理显示 doDraw(); } function doDraw(){ _width = window.innerWidth; for( var i = 0, len = imglist.length; i < len; i++){ DrawImage(imglist[i],_width); } } function DrawImage(ImgD,_width){ var image=new Image(); image.src=ImgD.src; image.onload = function(){ //限制,只对宽高都大于30的图片做显示处理,换成你想要的宽度。 if(image.width>30 && image.height>30){ if(image.width>_width){ ImgD.width=_width; ImgD.height=(image.height*_width)/image.width; }else{ ImgD.width=image.width; ImgD.height=image.height; } } } } }) </script>
图片自适应? height 根据整个页面的百分比计算,width就来100%吧!
(比如:页面height:1500px,图片为heig:60px。则就可以设置图片高为:4%,)
这样我基本可以解决图片自适应的问题!嘻嘻
宽度为100%,高度为auto,即width:100%;height:auto;
比如 外层的class=box
var w=$(".box").width();// 这里获取到宽度
$(".box").height(w) //然后让宽度等与高度就是正方形