页面高度自适应方法(PC移动端都适用)
Posted snowhite
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了页面高度自适应方法(PC移动端都适用)相关的知识,希望对你有一定的参考价值。
有个项目移动端的首页需要自适应。
宽度已经自适应了 , 高度也要自适应 ,先总结一下方法,PC端也适用。
$(function()
var h = window.innerHeight;
$(".carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img").css("height",h*0.32);
$(".database-con .col-xs-6 a").css("height",h*0.16);
$(".search-bg").css("height",h*0.12);
$(".home-footer").css("height",h*0.08);
);
把上面代码贴出来,供大家使用。
以上是关于页面高度自适应方法(PC移动端都适用)的主要内容,如果未能解决你的问题,请参考以下文章