代码之家 › 专栏 › 技术社区 › karthick

iPad css方向

orientation ipad css html

karthick · 技术社区 · 15 年前

@media only screen and (device-width:768px) and(orientation:portrait) {
  body { background: green; }
}


@media only screen and (device-width:768px) and(orientation:landscape) {
  body { background: red; }
}

我不确定这是否有效。我试着在iphone模拟器上测试,将设备宽度改为320px,但没有成功。我需要更改这个css文件中的任何内容吗? 这就是我在主页面中调用css的方式

<link rel="stylesheet" type="text/css" href="iPad.css" />"

2 回复 | 直到 13 年前

Owen Ryan Doherty 13 年前

这就是我使用横向和纵向样式表来调用样式表的方法:

<link rel="stylesheet" media="all and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape)" href="css/landscape.css">
<link rel="stylesheet" media="all and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait)" href="css/portrait.css">

我还找到了一个非常有用的链接:

http://perishablepress.com/press/2010/10/20/target-iphone-and-ipad-with-css3-media-queries/

karthick 13 年前

我用这个css解决了这个问题。

   @media only screen and (device-width:768px) and(orientation:portrait) {
      body { background: green; }
    }


    @media only screen and (device-width:768px) and(orientation:landscape) {
      body { background: red; }
    }

推荐文章

ThomThomPhao · 在另一个视图中访问变量以重置它

3 年前

Alexander Molodozhan · 在iOS应用程序中制作不规则形状的可点击片段

7 年前

Mythics Winter · 一些iPad设备返回的生物识别码不适用于此代码,为什么?

7 年前

bvh · 禁用UISearchBar中的搜索字段

7 年前

Bigboy6 · 单击“接受”后清除“容器”字段需要第二次尝试实际捕获签名

7 年前

Lal Krishna · ViewController内容大小不更改popover大小

7 年前

Pradumna Patil · REST API的问题

7 年前

yakovlevvl · iPad和iPhone的不同UI

7 年前

Swathi · 我想用JSON数据生成tableview表单[关闭]

7 年前

Zander · 带伸缩高度的iPad

7 年前