CSS web页面自适应屏幕
来源:互联网 发布:cnc数控机床编程 编辑:程序博客网 时间:2024/05/21 00:46
<link rel="stylesheet" type="text/css" media="screen and (max-device-width: 400px)"
href="tinyScreen.css" />
上面的代码意思是,如果屏幕宽度小于400像素(max-device-width: 400px),就加载tinyScreen.css文件。
<link rel="stylesheet" type="text/css"
media="screen and (min-width: 400px) and (max-device-width: 600px)"
href="smallScreen.css" />
如果屏幕宽度在400像素到600像素之间,则加载smallScreen.css文件。
7.
@media screen and (max-device-width: 400px) {
.column {
float: none;
width:auto;
}
#sidebar {
display:none;
}
}
8. 图片自适应:
引用:http://lusongsong.com/info/post/158.html
0 0
- CSS web页面自适应屏幕
- CSS web页面自适应屏幕
- CSS web页面自适应屏幕
- 【CSS背景图片页面自适应充满屏幕】
- css实现屏幕自适应(仿谷歌静态页面)
- css 屏幕自适应
- web的屏幕自适应
- css 图片自适应屏幕大小
- css实现自适应屏幕高度
- css实现自适应屏幕高度
- css 识别屏幕大小自适应
- web页面自适应问题
- css---pc、无线如果通过js获取屏幕宽度结合sass实现自适应页面
- 自适应页面布局设计css
- html css div自适应屏幕宽度,高度
- html css div自适应屏幕宽度,高度
- 表单元素的css样式,自适应屏幕
- CSS定义背景图如何根据屏幕自适应
- 8.4 如何用JS写计算器
- ssh-keygen 免交互, ssh首次交互免输入yes
- hollister pas cher but Wang and Han Yan found that the kidnappers call not hit the Wang family.
- HDU 1087 Super Jumping! Jumping! Jumping! 最大子序列的和
- scarpe hogan outlet this anomaly is similar to alcoholics and drug addicts strikingly abnormal brai
- CSS web页面自适应屏幕
- leetcode Reverse Words in a String
- u-boot.lds分析
- neutron SDN的实现
- hdoj 1097 A hard puzzle 【找规律】
- Android Studio 操作记录二
- visual studio添加对项目的多版本sln配置
- UVALive 4670 - Dominating Patterns (AC自动机)
- xcode 5以后使用svn