初步整理响应式笔记01
来源:互联网 发布:淘宝考试题和答案2016 编辑:程序博客网 时间:2024/05/16 09:44
两种屏幕切换方式:
1.在引入css时进行对屏幕的设定
示例:
<link rel="stylesheet" href="../design01/css/big.css" media="only screen and (max-width:640px)"/>
media="only screen and (max-width:640px)"意为:只有在屏幕小于640px时才会应用。
2.在css文件或是主文件的<style></style>中写
@media screen and (min-width: 640px){ }
意为:只有当屏幕大于640px时才会应用。
<meta name="viewport" content="width = device-width,initial-scale=1">
意为:宽度为当前设备宽度,缩放比例是1.
0 0
- 初步整理响应式笔记01
- Web App 响应式页面制作 笔记整理
- Java笔记整理(1)Java初步
- C#笔记整理(1)C#初步
- 响应式WebUI框架整理
- 响应式布局笔记
- 响应式编程笔记
- 响应式Web设计资源整理
- 响应式Web设计资源整理
- 初步了解响应式框架——agera
- 响应式布局学习笔记
- 响应式布局学习笔记
- 响应式Web学习笔记
- 响应式设计学习笔记
- 响应式设计-前端笔记
- 初步笔记
- 初步整理RFC2661
- 算法初步整理
- Java 并发 教程 - 序
- Android 第一次运行程序提示框操作
- hhh,图床
- Android Studio 打包出现not in translated in "zh"错误
- Redis 常用命令学习笔记
- 初步整理响应式笔记01
- jquery02总结
- 使用dialog弹出窗口
- hdu-dividing
- 极验验证码的破解3-模拟浏览器渲染
- Ubuntu-VirtualBoxUSB设备加载方法
- LeetCode144. Binary Tree Preorder Traversal
- Qt: QXmlStreamWriter Class写XML文件
- <<Effective OC>>读书笔记 --- 第二十四条 将类的实现分散在不同文件中,便于管理