移动横向模式的媒体查询问题

Posted 2023-03-10

【中文标题】移动横向模式的媒体查询问题

【英文标题】：Media Queries issue with mobile landscape mode

【发布时间】：2012-07-02 23:44:50

【问题描述】：

我正在为自己制作一个新的作品集，我希望它能够在所有平台上工作..

我已经让它在桌面、移动纵向、ipad 纵向和 ipad 横向上工作，所有这些都设置了不同的媒体查询..

但是，当我在我的 android 上横向加载页面时，它会这样做： * 加载桌面版本 * 放大而不是适应屏幕

我真的希望手机横向加载平板电脑横向视图，因为屏幕尺寸相似，但我尝试过的一切都对其没有影响..

可以在www.stuffmadeby.me/test查看我的代码

【问题讨论】：

在这个问题中添加一些相关的代码，而不仅仅是一个链接，你可能会得到更多的关注。

【参考方案1】：

通过检查您的代码，横向的唯一媒体查询是(min-width:768px) and (max-width:1024px)，您确定您的安卓设备的宽度不会太小或太大吗？

【讨论】：

嗨，我通过更改宽度和高度来解决这个问题。回到基础，感谢您的帮助 :)