页面高度自适应方法(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移动端都适用)的主要内容,如果未能解决你的问题,请参考以下文章

css怎么自适应宽度

vue移动端高度自适应 100vh不够

iframe 高度设置iframe 自适应高度方法总结

vue设置表格高度自适应

前端页面高度和宽度自适应怎么做?

关于使用iframe标签自适应高度的使用