Ipad 在横向和纵向之间切换导致媒体查询出现问题

Ipad 在横向和纵向之间切换导致媒体查询出现问题,ipad,media-queries,Ipad,Media Queries,我目前正在开发我的新网站,这是一个自适应的网站。我已经为iPad设置了两个媒体查询,一个用于纵向模式,另一个用于横向模式。他们自己的工作很好,但从肖像画切换到风景画时就不行了。它可以很好地显示布局,但只能缩小。另一种方法也可以,那么会有什么问题呢 我使用移动HTML5样板作为基础,它已经涵盖了视口问题。这是我认为引起麻烦的第一件事 传媒查询: /* iPads (landscape) ---------- */ @media only screen and (min-device-width

我目前正在开发我的新网站,这是一个自适应的网站。我已经为iPad设置了两个媒体查询,一个用于纵向模式,另一个用于横向模式。他们自己的工作很好,但从肖像画切换到风景画时就不行了。它可以很好地显示布局,但只能缩小。另一种方法也可以,那么会有什么问题呢

我使用移动HTML5样板作为基础,它已经涵盖了视口问题。这是我认为引起麻烦的第一件事

传媒查询:

/* iPads (landscape) ---------- */ 
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {

/* iPads (portrait) ----------- */ 
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {

此外,nielspilonwebdesign.nl/dev/niels上还提供了一个实时预览,该预览仍在进行中

您的测试链接现在已断开

除此之外,在横向媒体查询中还有方向:肖像。另外,您在媒体查询中使用设备宽度而不仅仅是宽度,这有什么原因吗?我认为您的媒体查询目前过于具体,并且与设备约束有关,这可能导致您看到的奇怪渲染