移动设备

Question

我想在一个移动设备中实现1080px * 1812px html页面。我写的页面是1080px * 1920px，就像以前设计的UI一样。我不希望页面滚动，内容必须显示在整个页面中。页面的大多数内容都是图像并使用绝对位置，因此很难更改每个图像。在不改变图像高度属性的情况下，无论页面图像是否被压缩，无论如何都要将高度更改为1812px？

这是原始代码。

<meta name="viewport" content="width=1080; user-scalable=no; target-densitydpi=device-dpi;" />

我试过了 含量= “宽度= 1080;高度= 1812;”它不起作用。

Answer 1

使用jquery

JQUERY

$(document).ready(function(){
 $(window).load(function(){
   var hgt = $(document).height(); // height of the document

   if(hgt <= $(window).height()){
     $('body').css('overflow','hidden');
  } else {
     $('body').css('overflow','auto');
  }

 });
});