关于响应式网站做的笔记
来源:互联网 发布:软件英文怎么说 编辑:程序博客网 时间:2024/05/14 12:20
响应式网站是一个设计理念,它是多项技术的综合体
流动网格(弹性网格布局)、弹性图片和媒介查询是响应式互联网设计的三大技术成分
优点:
- 解决了设备只见的差异化展示(让不同的设备达到最优的视觉体验)
- 减少工作量
1、网站、设计、代码、内容都只需要一份
2、多出来的工作量只是JS脚本、CSS样式做一些改动 - 节省时间
- 每个设备都能得到正确的设计
- 搜索优化
缺点:
- 会加载更多的样式和脚本资源
- 设计比较难精确定位和控制
- 老版本浏览器兼容不好
设计实践原则
- progressive enhancement 渐进增强 (不适用)- graceful degradation 优雅降级(更好) 移动优先: 在设计的初期就要考虑的页面如何在多终端展示
断点的选择:
0-480(小屏幕)、 481-800(中屏幕)、 801-1400(大屏幕)、 1400+(巨屏幕)
移动web
Pixel 移动开发像素知识
px:css pixels 逻辑像素,浏览器使用的抽象单位dp,pt:device independent pixels 设备无关像素dpr:devicePixelRatio 设备像素缩放比计算公式: 平面上:1px = (dpr)^2 * dp 纬度上:1px = dpr * dpDPI:打印机每英寸可以喷的墨汁点(印刷行业)PPI:屏幕每英寸的像素数量,即单位英寸内的像素密度PPI越高,像素数越高,图像越清晰,但可视度越低(小),系统默认设置缩放比越大
Retina(高清屏): dpr都是大于等于2
阅读全文
0 0
- 关于响应式网站做的笔记
- 使用bootstrap3做的响应式网站
- 企业做响应式网站的好处
- 企业做响应式网站的好处
- 做响应式网站底部toolbar的设计
- 关于做响应式页面开发
- Bootstrap响应式设计在中国-关于移动网站和卓越网站体验的那些事儿
- 响应式网站的好处
- 关于响应式布局的一些笔记---未完待续
- 关于做支付的笔记
- 关于网站做链接链接的技巧
- 做网站的一些杂碎笔记
- 关于移动端适配的几个方法,快速构建响应式网站必备知识
- 关于做网站
- 设计响应式网站的注意点
- 一些漂亮的响应式网站学习
- 响应式网站建设的常用技巧
- 总结 响应式网站的导航栏
- 001_MySQL暴力修改密码
- 木乃伊迷宫(改)
- 171013 PIL-Modes
- 动态加载图片
- java类集---Map接口
- 关于响应式网站做的笔记
- 进程间通信(3)-信号量的使用
- Problem G. Rectangular Polygon(dp + 转移重现)
- 40个Java多线程问题总结
- 笔记本突然开不了机了
- HDOJ2029_Palindromes _easy version
- 弱联网与强联网之间的区别
- (1)建立二叉树的二叉链表。 (2)写出对用二叉链表存储的二叉树进行先序、中序和后序遍历的递归和非递归算法。 (3)写出对用二叉链表存储的二叉树进行层次遍历算法。 (4)求二叉树的所有叶子及结点总数。
- Android 属性动画(Property Animation) 完全解析