CSS查询最近不适用于iPad
CSS查询最近不适用于iPad
提问于 2013-09-13 21:47:27
我一直在使用一些媒体查询的I Pad，他们一直很好，直到两，三天前。但他们只是停止了工作。我的i在媒体查询还在、火狐、本机响应设计、测试视图、和其他在线网站中工作时，并没有识别它们来检查响应性设计。我的主动查询在头中有视图端口。
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=2"/>
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) { //for landscape
@media screen and (min-width: 755px) and (max-width: 1024px) and (orientation : Portrait) //for portrait.然后也尝试了这些方法，
@media screen and (min-device-width: 768px) and (orientation:portrait){
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {@media screen and (min-device-width: 1024px) and (orientation:landscape){
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) and (min-width : 768px) and (max-width : 1024px)
and (orientation : landscape) {//此外，我还尝试了另一个视图端口元标记，如
<meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1.0, maximum-scale=2"/>但没有运气
我不知道我在哪里做错了，但这种情况很重要。请帮助任何类型的帮助将不胜感激。
回答 2
Stack Overflow用户
发布于 2013-09-13 21:49:52
尝试元内容：
<meta content="True" name="HandheldFriendly">
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
<meta name="viewport" content="width=device-width">Stack Overflow用户
发布于 2014-09-11 18:05:53
我不知道这为什么会起作用。我相信问题是因为你在使用屏幕，这种媒体类型是为普通电脑屏幕保留的。
以下是媒体类型的列表：
- 所有:所有媒体设备
- 听觉:语音/声音合成器
- 盲文:盲文触觉反馈装置
- 浮雕:页盲文打印机
- 手持设备:小型/手持设备(如智能手机)请注意: Android、iOS和其他智能手机浏览器忽略了这一规则。
- 打印:打印机
- 投影:预计演示文稿(如幻灯片)
- 屏幕:普通电脑屏幕
- tty:使用固定音高字符网格的媒体(如电传类型和终端)
- 电视:电视型设备
温暖，水晶磨坊
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/18795764
复制相关文章
相似问题
腾讯云开发者
