博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
响应式开发(1)
阅读量:4876 次
发布时间:2019-06-11

本文共 304 字,大约阅读时间需要 1 分钟。

1. 响应式互联网设计的三大技术成分: 流动网络(弹性网络布局)、弹性图片、媒体查询

2. 如何分析设计图:

分析结构和布局。

3. 设局实践原则:渐进增强,优雅降级。p2p 最好先设计大屏幕,再设计小屏幕。

这里仅作参考,具体见UI

4. 三个视口 

理想视口:布局视口在可视视口中合适的显示,是为了构建手机浏览器优化的页面而添加的。

<meta name='viewport' content='width=device-width'/> 来设置理想视口。此时,布局视口为理想视口。

百度的设置为:

 

转载于:https://www.cnblogs.com/aimeeblogs/p/9924739.html

你可能感兴趣的文章
线程--promise furture 同步
查看>>
Mybatis3.2.3+mysql第一个例子(入门)
查看>>
Nginx 代理配置
查看>>
跟锦数学171217-180630
查看>>
Python之random
查看>>
【IE大叔开玩笑】之——CSS设置IE6中容器高度的BUG
查看>>
转,python的匿名函数lambda解释及用法
查看>>
与FPGA相关的独热码
查看>>
systemd(CentOS7)启动zookeeper
查看>>
测试相关
查看>>
java.lang.ClassCastException: com.sun.proxy.$Proxy0 cannot be cast to java.sql.Connection异常问题解决...
查看>>
[CQOI 2018]社交网络
查看>>
HTML5基础总结
查看>>
Android Studio开发入门-引用jar及so文件
查看>>
ADO constants include file for VBScript
查看>>
ExtJs4.2 RadioGroup CheckboxGroup
查看>>
InnoDB Undo Log
查看>>
在Application中集成Microsoft Translator服务之使用http获取服务
查看>>
flask页面中Head标签内容为空问题
查看>>
Centos7 Putty SSH密钥登录
查看>>