Jquery高度调整不适用于移动设备

时间:2017-03-21 14:36:04

标签: javascript jquery css

我正在使用jquery在移动网站上调整图片大小:http://www.loiristorantino.com.br/mobile

在浏览器上,如果您调整屏幕大小,它可以正常工作,但在移动设备上却无法正常工作。这是我正在使用的代码:

var $inner = $('.inner');
var height = parseInt($inner.height()) + parseInt($inner.css('top'));
$('.tumb-img-border').css('height', height);

var doit;

function resizedw(){
    var $inner = $('.inner');
    var height = parseInt($inner.height()) + parseInt($inner.css('top'));
    $('.tumb-img-border').css('height', height);
}
window.onresize = function() {
    clearTimeout(doit);
    doit = setTimeout(function() {
        resizedw();
        fontResuze();
    }, 100);
};

我认为这与Jquery有关,但我不知道如何将其更改为javascript。

你们可以帮我解决这个问题吗?

1 个答案:

答案 0 :(得分:0)

好的,所以我自己找到了解决方案。由于我在谷歌上获得了这个调整大小功能,这个解决方案可能会帮助其他人。我只是更改了以下行并且有效:

//var height = parseInt($inner.clientHeight());// + parseInt($inner.css('top'));
var newheight = $('.inner').height();
$('.tumb-img-border').css('height', newheight);