{太原WEB前端工程师}必备技能【响应式布局】需要在七个方面加以注意
2016-07-24 12:28
369 查看
太原WEB前端工程师郭文军必备技能【响应式布局】需要在七个方面加以注意:
1、添加元数据声明
<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=0">
2、元素的宽不用px,用百分比
3、字体不用px,用%,em
4、使用流式(fluid)布局
5、要使用自适应图片 max-width:100%
6、媒体查询--加载不同的CSS文件
7、媒体查询--不同的CSS属性声明
1、添加元数据声明
<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=0">
2、元素的宽不用px,用百分比
3、字体不用px,用%,em
4、使用流式(fluid)布局
5、要使用自适应图片 max-width:100%
6、媒体查询--加载不同的CSS文件
7、媒体查询--不同的CSS属性声明
相关文章推荐
- php版淘宝网查询商品接口代码示例
- 淘宝网采用什么技术架构来实现网站高负载的
- 北京电子商务交易额今年有望突破4000亿
- 网络空间,年轻创业者在这里逐梦
- 解密淘宝网的开源架构
- 安全漏洞本质 各漏洞成因表
- 淘宝图片服务的学习
- Android Studio中常用设置与快捷键
- CocoaPods安装和使用图解
- 恶意差评是这样暴露的
- 常用的返回JSON的接口
- QT正规滚屏放单平台1241万人刷单18部诚信推荐
- 如何为网站选择支付接口
- 淘宝网搜索框源代码
- 阿里腾讯“主战场”揭幕:马云33亿入股恒生电子
- 如何设计新手用户引导
- taobao 破解的收费 appkey
- 爱分享后台文章链接(二)
- 百度竞价的弊端
- 淘宝电影成全国最大在线选座平台 覆盖702家影院