设为首页收藏本站

密通学院»密通学院 › 共享资源 › 代码下载 › CSS3(@media)判断手机横竖屏

发新帖

查看: 2691|回复: 0

CSS3(@media)判断手机横竖屏

282 主题	27 回帖	8万铜板

Rank: 8 Rank: 8

积分: 89153

发消息

发表于 2019-11-18 19:38:06 | 显示全部楼层 |阅读模式

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

您需要登录才可以下载或查看，没有账号？立即注册

x

CSS3(@media)判断手机横竖屏

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport"
content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<style>
@media all and (orientation : landscape) {
h2{color:red;}/*横屏时字体红色*/
}
@media all and (orientation : portrait){
h2{color:green;}/*竖屏时字体绿色*/
}
</style>
</head>
<body>
<h2>jquerymobile 判断手机横屏竖屏</h2>
</body>
</html>

复制代码

如果您有业务需求，可以和我联系：

回复

使用道具举报

发新帖

首页|Archiver|手机版|小黑屋|密通学院：专业网络营销服务商

GMT+8, 2024-12-22 12:53 , Processed in 0.139648 second(s), 25 queries

Powered by XMT Inc. © 2015-2025 ArrayV1.0　豫ICP备17022382号

系统运营：密城通豫公网安备 41018302000212 号

快速回复 返回顶部 返回列表