-
基本的语法 1.外联CSS语法 2.内联样式的语法查看全部
-
CSS3-Media Query 注意属性含义 像素并非分辨率查看全部
-
如何实现响应式布局： 1、CSS3-Media Query 最简单的方式 2、借助原生JS（成本高，不推荐使用） 3、第三方开源框架（可以很好的支持浏览器响应式布局的设计）查看全部
-
设计原则查看全部
-
有用啊啊啊啊查看全部
-
CSS3 Media Query 常见属性: device-width，device-height--屏幕宽高（物理上的） width，height--渲染窗口宽高（实际窗口宽高） orientation 设备方向（横屏竖屏） resolution 设备分辨率 @media only screen and (min-width:1080px) /*屏幕尺寸 1080+ 时应用该规则*/ @media only screen and (min-width: 640px) and (max-width: 1080px) /*屏幕尺寸 640~1080 时应用该规则*/ @media only screen and (max-width:640px) /*屏幕尺寸 0~640 时应用该规则*/ <link type="text/css" rel="stylesheet" href="link.css" media="only screen and (max-width:480px;)">查看全部
-
如何实现响应式布局 css3-Media Query 最简单的方式 借助原生javascript 成本高不推荐 第三方开源框架 可以很好的支持浏览器响应时布局的设计（Bootstrap）查看全部
-
响应式布局设计原则查看全部
-
优点：解决了设备之间的差异化展示（让不同分辨率下达到最优的显示效果） 缺点：兼容性代码多，工作量大，网页加载速度受影响查看全部
-
响应式布局 What： 1、兼容不同分辨率的设备 2、给用户更好的视觉使用体验 Why： 移动互联网的催生，非响应式网页布局无法满足移动互联网的多个终端显示的需求查看全部
-
常见属性查看全部
-
优点：解决了设备之间的差异化展示 缺点：兼容性代码多，工作量大，网页加载速度受影响查看全部
-
CSS3-Media Query 常见的属性查看全部
-
如何实现响应式布局的方法查看全部
-
Bootstrap的原则查看全部
举报
0/150
提交
取消