Javascript Jquery高度调整不适用于移动设备
我正在使用jquery调整移动网站上图像的大小: 在浏览器上,若你们调整你们的屏幕大小,它可以正常工作,但在移动设备上它不工作。以下是我正在使用的代码:Javascript Jquery高度调整不适用于移动设备,javascript,jquery,css,Javascript,Jquery,Css,我正在使用jquery调整移动网站上图像的大小: 在浏览器上,若你们调整你们的屏幕大小,它可以正常工作,但在移动设备上它不工作。以下是我正在使用的代码: 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);
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
你们能帮我解决这个问题吗?好的,我自己找到了解决办法。因为我在谷歌上得到了这个调整大小的功能,这个解决方案可能会帮助其他人。我刚刚更改了以下行,它成功了:
//var height = parseInt($inner.clientHeight());// + parseInt($inner.css('top'));
var newheight = $('.inner').height();
$('.tumb-img-border').css('height', newheight);
你为什么不只用CSS呢?请提供你的HTML和CSS代码。你需要在页面加载时调用resize。我试图用纯CSS实现同样的效果,但运气不好!你能看一下源代码吗?我想它太大了,不能在这里共享。@BhojendraNepal,我试着在window.onload上调用它,但它没有work@fackz您是否在onload中使用了相同的函数?