如今的屏幕分辨率,小至320px(iPhone),大到2560px甚至更高(大显示器),变化范围极大。除了使用传统的台式机,用户会越来越多的通过手机、上网本、iPad一类的平板设备来浏览页面。这种情况下,固定宽度的设计方案将会显得越发不合理。页面需要有更好的适应性,其布局结构要做到根据不同的设备及屏幕分辨率进行响应调整。接下来,我们将了解一下怎样通过html5和css3 Media Queries(媒介查询)相关技术来实现跨设备跨浏览器的响应式web设计方案。
我们需要在页面中调用css3-mediaqueries.js文件,来帮助IE8或是之前的版本支持CSS3 media queries:
复制代码代码如下:
<!--[if lt IE 9]><script src="/UploadFiles/2021-03-30/css3-mediaqueries.js">
接下来,我们要创建css样式表,并在页面中调用:
复制代码代码如下:
<link href="media-queries.css" rel="stylesheet" type="text/css">
弹性图片
复制代码代码如下:
img {max-width:100%;height:auto;width:auto\9; /* ie8 */}
CSS里width: auto\9 是什么意思?
复制代码代码如下:
这是专门针对ie的hack写法“\9″
在IE6/IE7/IE8/IE9/IE10下生效
“\0” 在 IE8/IE9/IE10下生效
“\9\0” 在IE9/IE10下生效
弹性内嵌元素(视频)
复制代码代码如下:
.video embed,.video object,.video iframe {width: 100%;height: auto;}
字号自动调整的问题(通过-webkit-text-size-adjust:none禁用iPhone中Safari的字号自动调整)
复制代码代码如下:
html{-webkit-text-size-adjust:none;}
页面宽度缩放的问题
复制代码代码如下:
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
原文转载自WEB前端开发(www.css119.com)
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
《魔兽世界》大逃杀!60人新游玩模式《强袭风暴》3月21日上线
暴雪近日发布了《魔兽世界》10.2.6 更新内容,新游玩模式《强袭风暴》即将于3月21 日在亚服上线,届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。
艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕,并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时,他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中,玩家将会进入一个全新的海盗主题大逃杀式限时活动,其中包含极高的风险和史诗级的奖励。
《强袭风暴》不是普通的战场,作为一个独立于主游戏之外的活动,玩家可以用大逃杀的风格来体验《魔兽世界》,不分职业、不分装备(除了你在赛局中捡到的),光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式,玩家在加入海盗主题的预赛大厅区域前,可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹,《巨龙崛起》和《魔兽世界:巫妖王之怒 经典版》的玩家都可以获得奖励。
更新日志
- 韩红《音色纯净穿透力强 感动 24K金碟》[WAV+CUE][480MB]
- 群星.1991-宝丽金流行极品6CD【宝丽金】【WAV+CUE】
- 王韵婵.1993-祈祷【飞碟】【WAV+CUE】
- 群星.2024-谢谢你温暖我电视剧影视原声专辑【天浩盛世】【FLAC分轨】
- 胡海泉.2024-春风归来了无痕【百纳娱乐】【FLAC分轨】
- 范玮琪.2007-哲学家【福茂】【WAV+CUE】
- 果味VC.2008-伟大的复兴【DONGMUSIC】【FLAC分轨】
- 张国荣《为你钟情精选 新艺宝优质音响系列》[WAV+CUE][480MB]
- 王菲《最精彩的演唱会 新艺宝优质音响系列 2CD》[WAV+CUE][880MB]
- 王菲《FAYE BEST 新艺宝优质音响系列)[WAV+CUE][490MB]
- 群星《名人名曲收藏家1-5》5CD/DTS-ES6.1[WAV]
- 群星-名人名曲收藏家(HQCD)[WAV+CUE]
- 太平洋影音公司-蒋大为《金曲集》1986[WAV+CUE]
- 蔡依林.2001-TOGETHER【环球】【WAV+CUE】
- 阿沁.2007-梵谷的左耳【华纳】【WAV+CUE】