ipad 竖版 纯CSS判断ipad横版和竖版

纯CSS判断ipad横版和竖版,有些新手朋友可能还不会,想学什么时候都不会晚,接下来介绍实现代码,感兴趣的朋友可以研究下

代码如下:

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Link study</title>
<!--竖版本使用的样式-->
<style media="all and (orientation:portrait)" type="text/css">
#landscape { display: none; }
body {background:red}
</style>
<!--横版本使用的样式-->
<style media="all and (orientation:landscape)" type="text/css">
#portrait { display: none; }
body {background:green}
</style>
</head>
<body>
</body>
</html>

时间: 2024-10-03 13:14:25

ipad 竖版 纯CSS判断ipad横版和竖版的相关文章

word文档横版变成竖版的图文教程

1.点击 文件 -- 页面设置. 文档横版变成竖版的图文教程-竖版照片怎么变成横版"> 2.将纵向改成横向,另外最下面默认也要点一下,不然你这次改完后下次再打开word文档又得重新设置.最后确定即可. 3.最后横版的就变成竖版了.

趣味休闲横版闯关 iPad游戏毛毛向前冲

这是一款非常经典的横版闯关游戏,游戏的大概内容就是玩家需要在一个2D的世界中去控制一个角色不断的避开各种陷阱怪物以及原理不断上升的熔岩,并且不断的去闯过更多的关卡.这款游戏的玩法也许会让你联想到马里奥大叔,但是他绝对会跟马里奥大叔有着不一样的地方.玩家是在天空为背景中驰骋,就像是在风里穿行一样,一起来感受这个奇妙的世界吧!毛毛向前冲 Whizzers下载地址:http://www.candou.com/iphone/448174232毛毛向前冲 Whizzers游戏的画面非常的可爱,卡通的界面让

iPad 1,2是iPhone的放大版苹果是奸商

文章描述:iPhone 证明了苹果的创新能力. iPad2 牛在哪里?屏幕很大,铝制外壳很硬,电力很持久? 大,硬和持久的确不错,不过,请这位还没找到男友的姑娘让一让,容我也说一句: iPad2 最大的特点是:便宜. 好把,我们说的都是 iPad 一代就已有的特性. 但是, iPad2 的升级确乏善可陈,最大的惊喜是看到教主,和 iPad2 没什么关系.这些升级不能超越对手,甚至都不能让拿着 Xoom 吐槽的 Android 粉丝闭嘴. 而 499 美金起的价格应该让所有人都满意.乔布斯特意把

经典横版过关游戏《合金弹头》登陆iOS平台

似乎有些游戏并不适合在iPhone上玩,比如经典的横版过关游戏<合金弹头>就是这么一款游戏.虽然以目前的手机硬件配置来说运行这么一款游戏丝毫不成问题,但是仅仅将一款经典的游戏从游戏机平台移植到iPhone平台似乎并不一定就能成功.<合金弹头>这款游戏自1996年推出以来就风靡世界,它作为一款横版过关游戏,以漫画风格的场景和物,并且拥有种类繁多的武器装备以及奖励系统,深受玩家喜爱.现在Dotemu通过努力将这款手机移植到iOS, 并且用户可以通过蓝牙的方式协同作战.这款游戏移植的非常

横版闯关游戏《恶魔告急》限免中

<恶魔的烦恼(Evil In Trouble)>是一款非常考验智力的游戏,由 Ursine Paw 公司所开发.游戏的重心并不是在画面,而是更多地放在了玩法的设计上,玩家在游戏中需要拿出自己 200% 的智慧来引导小恶魔顺利回家.<恶魔告急>游戏截图<恶魔告急>游戏截图小恶魔Desmond找不到回家的路了,请帮助它收集每个场景中的钥匙和道具,打开通往地域的大门.当然钥匙不是很简单就能拿到的,在搜索中你会遇到很多的难题和机关,注意,这可不是一款能够一边吃饼干一边谈笑过关的

横版跑酷游戏《黑金属狂人》限免中

<黑金属狂人>一款横版 跑酷游戏,画面细腻,逼真的树木.还有在树枝上停留的乌鸦.远景近景都刻画的很好,给人记忆深刻.独特的音乐能让人很快就融入游戏气氛中.<黑金属狂人>游戏截图游戏操作很简单,容易上搜,游戏音乐史金属风格,游戏支持 Game Center ,可以和身边的好友分享你的游戏战绩,有兴趣的朋友可以试一下哦.<黑金属狂人>游戏截图游戏刚开始会有一种很诡异的气氛,主角赤裸上身,很是凄惨,在阴森的世界里,到处都是墓碑和枯枝,充满了死亡气息,游戏中玩家只需要点触屏幕即

横版过关游戏《超级水管工》限免中

<超级水管工>是一款仿超级玛丽的跳跃类休闲游戏.游戏背景画面和人物造型都和超级马里奥不同,不过换了马甲我们也能看到<超级水管工>的游戏本质.<超级水管工>游戏截图<超级水管工>游戏截图游戏的操作除了双跳的设置外,别的地方都跟超级马里奥一样,操作体验还算流畅.丰富的关卡数量和 BOSS 关卡也增加了游戏的耐玩性,苏格兰风笛旋律悠扬,听起来很休闲.不过山寨也有山寨的乐趣,<超级水管工>永远不可能超过超级马里奥,入手这款游戏权当是对超级马里奥的一种怀念

camera-关于竖屏相机调用横版拍照的系统相机问题

问题描述 关于竖屏相机调用横版拍照的系统相机问题 在我的程序里面,有个Activity是锁定竖屏的,点击拍照按钮,将会调用系统的相机进行拍照,现在遇到的问题是:如果这个系统相机是默认横屏拍照的,那么在程序跳转会发生横竖屏切换,在拍照返回结果的时候,我的Activity被重新创建了! 试过这个方法: 下面记录一下开发中遇到的问题,说道这里不得不吐槽一下三星的相机,调用之后系统会调用ondestroy导致activity被销毁重建,原因是系统调用了一次横竖屏切换,解决方法如下 方法一:刚开始调用了o

纯CSS实现各类气球泡泡对话框效果

原文 纯CSS实现各类气球泡泡对话框效果 一.关于纯CSS实现气泡对话框 首先,来张大图: 上边这张黄黄的,大大的,圆圆的,有个小尾巴,文字内容有些YY的图片,就是使用纯CSS实现的气泡对话框效果,一点图片都没有哦.看到这里,你是不是跟我一样,有些惊叹CSS的潜力呢.关于这张图片,暂时先放到一边,下面我要讲一些与主旨相关的比较重要的,同时又很实用的一些技术. 我们首先看下面这一张图片(截自人人网): 可能颜色有点淡,在左上角有个90度的尖角,于是整个形成了一个气泡对话框.现在考考你,如果你来实现