如何为 iPad 应用媒体查询?
How to apply media query for iPads?
我正在使用 CSS 文件中的媒体查询在最流行的设备上优化我的网站。
以下行在 iPad 上不起作用的问题:
@media only screen and (min-device-width: 415px) and (max-device-width: 768px) {
尽管 iPad 的宽度为 768px,CSS 还是一团糟。有趣的是,当我在开发工具中使用移动设备模拟器时,一切看起来都很好。
有什么我应该注意的问题吗?
你有没有试过,是这样的。省略设备,只输入最小宽度或最大宽度:
@media (min-width: 415px) and (max-width: 768px) { css here }
我正在使用 CSS 文件中的媒体查询在最流行的设备上优化我的网站。 以下行在 iPad 上不起作用的问题:
@media only screen and (min-device-width: 415px) and (max-device-width: 768px) {
尽管 iPad 的宽度为 768px,CSS 还是一团糟。有趣的是,当我在开发工具中使用移动设备模拟器时,一切看起来都很好。
有什么我应该注意的问题吗?
你有没有试过,是这样的。省略设备,只输入最小宽度或最大宽度:
@media (min-width: 415px) and (max-width: 768px) { css here }