随笔分类 -  响应式布局

创建响应式布局-图片、自适应与响应式
摘要：响应式布局： 1、保有足够的留白，但也几乎不浪费屏幕面积 2、该考虑的内容：@百分比的布局以及em布局，随屏幕宽度变化的间距 @文本换行 @图片需被替换或允许缩放 @忍受一个不再完美的设计 自适应布局： 1、可在每个突变点上，为内容区域设置一个最大宽度，然后将外间距扩张直至匹配到下一个突变点 搜索框 阅读全文
posted @ 2016-05-24 17:34 ^^-^^- 阅读(433) 评论(0) 推荐(0)
创建响应式布局--显示表格数据，使用测量单位，使用媒体查询
摘要：创建响应式布局--显示表格数据： 1、使用表格时，适应不同的屏幕，则可以通过以下几个方法： A：使用CSS改变外观 B：创建多个表格 不推荐 创建响应式布局 使用测量单位： 1、测量单位： A：使用px B：使用百分比 C：em以及rem(root em 基于HTML) D：viewport测量（注 阅读全文
posted @ 2016-05-16 14:25 ^^-^^- 阅读(284) 评论(0) 推荐(0)
创建响应式布局----使用栅格
摘要：1、Pure Grids ： 创建你所需栅格系统的环境，CSS框架 2、BootStrap 3、Foundation：发布了一些优秀的模态、灯箱和内容滑块的解决方案；用于创建一个流式12列栅格 4、Gridpak：根据你的输入生成栅格系统 5、Golden Grid System：一个易于使用的18 阅读全文
posted @ 2016-05-16 13:40 ^^-^^- 阅读(477) 评论(0) 推荐(0)
创建响应式布局--移动优先
摘要：1、屏幕分组： A：0-479px 小 B：480-959px 中 C：960-1399px 大 D：1400px+ 特大 2、一般情况下，显示器尺寸和分辨率值得关系为： 14寸显像管(CRT)显示器 800×600 17寸液晶或CRT显示器 1024×768 19寸液晶显示器(普屏) 1280×1 阅读全文
posted @ 2016-05-16 09:32 ^^-^^- 阅读(295) 评论(0) 推荐(0)
创建响应式布局--内容事项注意点
摘要：1、HTTP请求以及发送给用户的资源文件数不要太多 2、加载堵塞，通过“懒加载”、“延迟加载”、“异步交互”，允许网站一部分的脚本在运行前先加载 3、提高网站性能以加快页面加载速度和资源文件传输速度： A：只提供给用户此刻需要的内容，其余的使用异步传输方法 B：谨慎决定需要展示的内容，如果不需要内容 阅读全文
posted @ 2016-05-16 08:56 ^^-^^- 阅读(135) 评论(0) 推荐(0)