ie 都不支援 max-width 這種東西, 真的是很頭大, 所以只好想說用 javascript 來做 max-width 跟 max-height 這個工作, 所以就寫了下面這一段。 只是好像有些圖片還是縮不到, 所以… 最後我還是用 php 來作這個動作了, 以下只是個記錄.
$(function(){
var limit = 120;
s = $('#stickers img');
$.each(s, function(i, n){
var w = $(n).width();
var h = $(n).height();
if (w > h) {
if (w > limit) {
var d = w - limit;
var r = h / w;
var nw = w - d;
var nh = h - d * r;
$(n).width(nw);
$(n).height(nh);
}
} else {
if (h > limit) {
var d = h - limit;
var r = w / h;
var nh = h - d;
var nw = w - d * r;
$(n).width(nw);
$(n).height(nh);
}
}
});
});
沒有留言:
張貼留言