弹性盒子的总结
摘要：
（1）弹性盒子可以使用固定宽度，也可以使用比例。并且可以混合使用宽度和比例。 （2）弹性盒子不仅可以制作水平的布局，也可以制作垂直的布局。 （3） 弹性盒子的比例： box-align的属性： box-pack属性：决定了父标签水平遗留空间的使用；（两端对齐） 阅读全文
posted @ 2016-12-07 14:05 胡小西去哪儿了 阅读(161) 评论(0) 推荐(0) 编辑
应用媒介查询制作响应式导航栏
摘要：
（1）使用viewport标签在手机浏览器上控制布局 <meta name="viewport" content="width=device-width,initial-scale=1.0"> （2）通过快捷方式打开时全屏显示<meta name="apple-mobile-web-app-capa 阅读全文
posted @ 2016-12-07 10:45 胡小西去哪儿了 阅读(127) 评论(0) 推荐(0) 编辑
响应式的设计需要遵守的4个原则和媒介查询语句
摘要：
1，小屏幕只显示高优先级的内容（切换到小屏幕的时候，显示优先级高的内容） 2，提供清晰和友好的手指操作链接（可点击操作的区块不宜过小） 3，体验的一致性（不同设备上的保持一致性） 4，考虑操作移动设备的习惯（左手握住设备，右手操作） 媒介查询的基本语法： （1）定义小于600px的窗口所应用的样式 阅读全文
posted @ 2016-12-07 10:23 胡小西去哪儿了 阅读(123) 评论(0) 推荐(0) 编辑
media type的类型汇总
摘要：
用的比较多的是screen和print：区分打印和屏幕显示（Android，iPhone都不是手持设备handheld，都是screen设备） 阅读全文
posted @ 2016-12-07 10:09 胡小西去哪儿了 阅读(693) 评论(0) 推荐(0) 编辑
