-
。。。。查看全部
-
使用组件查看全部
-
栅格布局 好多列查看全部
-
用来布置的css 内置主题样式的css meta标签查看全部
-
CSS3-Media Query查看全部
-
设计原则 不要因为某一个浏览器不支持就不添加查看全部
-
组件本身带有样式，需要避免自定义样式与组件样式的冲突查看全部
-
列的类前缀说明，Important！！查看全部
-
注意应用规则查看全部
-
CSS3 Media Query常见属性 devic-width，device-height——屏幕宽高 width,height——渲染窗口宽高 orientation——设备方向（横竖屏） resolutions——设备分辨率（注意区别像素PX和分辨率DPI的概念区别）查看全部
-
实现响应式布局 1.CSS3-Media Query——最简单的方式（可满足大部分的需求） 2.借助原生JavaScript——成本高，不推荐使用 3.第三方开源框架——可以很好地支持浏览器响应式布局的设计（如bootstrap）查看全部
-
响应式布局不仅是通过分辨率来操作的，而是多维的查看全部
-
CSS3 Media Query常见属性 devic-width，device-height——屏幕宽高 width,height——渲染窗口宽高 orientation——设备方向（横竖） resolutions——设备分辨率（注意区别像素PX和分辨率DPI的概念区别）查看全部
-
实现响应式布局 1.CSS3-Media Query——最简单的方式（可满足大部分的需求） 2.借助原生JavaScript——成本高，不推荐使用 3.第三方开源框架——可以很好地支持浏览器响应式布局的设计（如bootstrap）查看全部
-
什么是响应式布局： 1、服务器根据不同的浏览器用户端，为用户呈现不同的页面效果。 2、可以让一个网站兼容不同分辨率的设备，给用户更好的视觉使用体验。 3、移动互联网催生了响应式布局的诞生。 响应式设计优缺点： 优点：解决了设备之间的差异化展示，让不同的设备达到最优的视觉体验。 缺点：兼容性代码多，工作量大，加载速度受影响。 响应式设计的原则： 移动优先： 再设计的初期就要考虑页面如何在多终端展示。 渐进增强： 充分发挥硬件设备的最大功能。 如何实现响应式布局 CSS3-Media Query 最简单的方式 借助原生Javascript 成本高，不推荐使用 第三方开源框架 可以很好的支持浏览器响应式布局的设计 CSS3 - Media Query 常见属性 device-width, device-height 屏幕宽高 width, height 渲染窗口宽高 orientation 设备方向，设置移动设备的横屏或竖屏的展示方式 resolution 设备分辨率 Bootstrap 写非常少的代码，即可实现多终端的页面适配 设置viewport 引入bootstrap 兼容IE Bootstrap CSS和组件介绍 Grid system 栅格系统查看全部
举报
0/150
提交
取消