Javascript 设置div高度在iPhone上不起作用
我正在写一个脚本,它在一个单页网站的多个整页高度的元素中使用一些绝对定位的元素。在移动视图中,此页面明显大于视口,因此我使用JQuery调整父视图的大小。这在大多数设备上运行良好,但在其他设备上,父设备的高度不会扩展 每个页面的HTML都是这样开始的,整个页面上有四个这样的实例:Javascript 设置div高度在iPhone上不起作用,javascript,jquery,html,ios,css,Javascript,Jquery,Html,Ios,Css,我正在写一个脚本,它在一个单页网站的多个整页高度的元素中使用一些绝对定位的元素。在移动视图中,此页面明显大于视口,因此我使用JQuery调整父视图的大小。这在大多数设备上运行良好,但在其他设备上,父设备的高度不会扩展 每个页面的HTML都是这样开始的,整个页面上有四个这样的实例: 函数em(输入){ var emSize=parseFloat($(“body”).css(“font size”); var em=emSize*输入; 返回em; } $(文档).ready(函数(){ $('.
函数em(输入){
var emSize=parseFloat($(“body”).css(“font size”);
var em=emSize*输入;
返回em;
}
$(文档).ready(函数(){
$('.page')。每个(函数(){
$(this).css('height',$(this).children('stuff').outerHeight()+30+em(4));
});
});代码>
...
什么是em()
?这是否表示一个em
单元?我以前没见过。您是否尝试过$(this.css('height','calc('+parseInt($(this.stuff').outerHeight()+30)+'px+4em))对不起,我忘记解释了。em是将数字转换为em单位的函数<代码>函数em(input){var-emSize=parseFloat($(“body”).css(“font-size”);var-em=emSize*input;return-em;}
您只是想将每个页面的高度设置为视口高度吗?我不知道你想在这里实现什么不,我已经有了。当页面中绝对定位的元素比页面长时,我需要调整页面大小以适应它。