铜螺母，铜螺丝，螺栓，螺钉工厂网站建设
废气处理设备，如活性炭吸附箱、RTO蓄热式氧化处理设备、光氧等离子复合设备 低温等离子设备 光氧催化设备等网企业网站建设
工业纸箱 纸箱 包装彩印 纸托盘 纸护角公司网站建设
办公区绿植租赁公司网站建设 定制苗圃直供企业网站
广州网站建设在做手机网站的时候，经常会涉及到屏幕的适配问题，以前的办法是判断手机的分辨率来的，经常是640px之类的判断，但是现在随着手机的分辨率越来越高，分辨率的花样越来越多，通过像素来判断实在是太麻烦了，所以今天的这篇文章就教给大家使用css的orientation属性来判断手机是竖屏还是横屏，这样写两套css就可以匹配了。
@media是css3中新定义的，功能非常强大，顾名思义PC是无法匹配横竖屏的，所以orientation只对移动设备起效。
1.头部声明
复制代码
代码如下:
<meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no,maximum-scale=1.0">
加到
<head></head>
2. media匹配屏幕是横屏还是竖屏
代码如下:
@media all and (orientation : landscape) { </p> <p>/* 这是匹配横屏的状态，横屏时的css代码 */
body {
}
}
@media all and (orientation : portrait){ </p> <p>/* 这是匹配竖屏的状态，竖屏时的css代码 */
body {
background-color: #00ff00;
}
}
3. 应用的地方
（1）手机WEB页面元素内容一般都是通过百分比定义的，以便能够在不同分辨率设备下都能正常显示，虽然这样，但是移动设备的屏幕分辨率宽度和高度相差还是很大，同样的页面在屏幕翻转过来时可能百分比定义的元素宽度会变得非常大，这样就会失去页面的美观性，这样，如果用orientation匹配屏幕的翻转状态，就可以写不同的css加以控制页面样式。
（2）对于有背景图的移动WEB页面，可以根据orientation匹配屏幕屏幕状态，设置不同的background。
（3）稍微有技术的一点：某些有绝对定位元素的WEB页面，将某元素定位到页面底部，当屏幕是竖屏状态时，可能因为页面总长度小于屏幕高度(但是大于屏幕宽度)，这时将绝对定位元素定位到底部是正确的，但是当屏幕翻转成为横屏时，此时因为页面内容高度大于屏幕高度(就是未翻转时屏幕宽度)，绝对定位元素会覆盖在页面内容之上，导致页面出现问题，这时可用orientation匹配屏幕状态，调整css代码。
关于匹配屏幕横竖屏状态还可通过JS判断，js中onorientationchange是window的一个事件，可以通过监听事件匹配屏幕横竖屏。
101芽庄是越南的旅游胜地之一，拥有美丽的海滩、丰富的文化遗产和独特的美食文化。如果您正在计划前往101芽庄旅游，那么您一定会想知道101芽庄旅游多少钱，以及如何规划您的行程。在本文中，我们将为您提供的101芽庄旅游价格攻略和有价值的信息，帮助您更好地了解这个美丽的地方。 1. 交通费用 如果您想前往101芽庄旅游，您需要考虑交通费用。101芽庄的交通相对便利，您可以选择乘坐飞机、火车、长途汽车...
提高网站用户体验，需谨记这些 目前，网站建设对于大部分人而言都不陌生，很多的站长都知道网站对于企业的重要性，因此很多的企业纷纷的缔造专属于自己的网站，网站搭建成功开始采取一定的营销宣传推广方式，想办法吸引系客户，维持老客户，而在拓展新客户的过程中，必须要将较好的用户体验呈现出来，这也是更好地使网站转化率得到提高的最关键点。所以，问题的关键就是如何提供用户体验，关于这点，需谨记如下 天津网站建设 提到的这些： 1、满足用户需...
深圳罗湖千牛货运物流与虎网站签约做网站项目 千牛位于深圳市罗湖区深南东路1086号集浩大厦17B08。千牛是经深圳市罗湖区工商局审核的有资质公司，统一社会信用代码：91440300088524086L。千牛选用虎网站经济型入门级网站案例，其功能比较简单的程序，广告单图(无动漫)，页面较简单，适合小微企业产品展示型网站。 千牛国际物流主要经营中国各个港口发送到日本、东南亚、印巴、中东等地的国际运输服务，建立了整柜海运，空运，危化品一条龙，...
深圳市龙岗区满客缘餐饮店网站建设 注册地址深圳市龙岗区布吉街道木棉湾社区木棉湾老围四巷13号103附近公司经营范围饮食制售
香港中西龙腾装饰设计与虎网科技签署做网站项目 龙腾选用虎网站企业商务型网站案例，其功能具备实用型所有配置外、特别值得关注的是增设了SEO深度优化，不管是内页还是标题都能够独立和个性化设置关键词和长尾词，更适合进行全站seo优化。龙腾在香港中西区鸭利洲海怡半岛东翼商场地下G64号。龙腾是经香港中西区工商局审核的有资质公司，统一社会信用代码：办理中。 虎网科技註冊合資格驗窗人士，在香港註冊已有20年之久，業務範圍除鋁窗外，還包括冷氣，水電，室...
深圳南山航电机械设备跟虎网科技签定网站建设合作协定 航电处于深圳市南山区朗山路中7号南航工业大厦407。航电选用虎网站定制型网站案例，此类网站主要是按客户要求和提供的风格案例或效果图纸来做，这种属于仿制和定制型网站，是根据功能开发的难易度来评估报价的，价格相对较高，适合于大中型企业和有个性风格、个性功能需求的客户选用。航电是经深圳市南山区工商局审核的正规企业，统一社会信用代码：914403000638746295。 航电为顾客提供的供应服务包括...
粤ICP备2023033431号 网站地图 SiteMap
Copyright 2006-2023 虎网站 版权所有
101芽庄旅游多少钱最新价格攻略
