html页面宽高适应性问题

最新推荐文章于 2021-06-27 08:19:45 发布

zhaossdut

最新推荐文章于 2021-06-27 08:19:45 发布

阅读量397

点赞数

本文链接：https://blog.csdn.net/zhaossdut/article/details/38300695

版权

宽度可用百分比写，但是高度不可以，此时就可以用js先算出屏幕的高，再通过js为相应的版块赋值，

$(document).ready(function(){

var a=document.documentElement.clientHeight;
$(".main").height(a);
$(".indiv").height(a*0.1);
$(".head").height(a*0.1);
$("#note").height(a*0.2);;
$(".f").height(a*0.1);
$("#time").height(a*0.07);
$("#person").height(a*0.07);
$("#txtday").height(a*0.07);
$("#tel").height(a*0.07);
$("#tel").css("margin-top",a*0.01);
$(".title").css("margin-top",a*0.02);
});
</script>