如何将html锁屏的尺寸动态设置为旋转iPad的尺寸？

Question

所以我用html制作一个锁屏，我想在纵向和横向上以iPad为中心。我可以使用的唯一方法是将它集中在一起 width: 1024px; height: 768px; 要么 width: 768px; height: 1024px; 取决于方向。

我试过了 @media only screen and (device-width: 768px) and (orientation:portrait) {body {width: 768px;height: 1024px;}} @media only screen and (device-width: 1024px) and (orientation:landscape) {body {width: 1024px;height: 768px;}} 但无济于事。我以为我可能需要js。

Answer 1

如果我理解正确，您可以尝试width: 100%，并考虑身高：

var windowHeight = $(window).height();
$('#element').css('height', windowHeight);