-
deviece-width ,deviece-height .物理宽高 width height 实际浏览器窗口大小查看全部
-
@media screen and (min-width:480px){} <link type="text/css" rel="stylesheet" href="url" media="only screen and (max-width:480px)"查看全部
-
ie8 respond.js查看全部
-
css3 media query查看全部
-
bootsrap的适配，只需要通过css3来判断就可以了，可以通过visible-xx来决定是否显示查看全部
-
321查看全部
-
123查看全部
-
CSS3-Media Query媒体查询 ·devic-width，device-height——屏幕宽高 ·width,height——渲染窗口宽高 ·orientation——设备方向 ·resolutions——设备分辨率（注意区别像素PX和分辨率DPI的概念区别） 外联样式使用CSS3-Media Query： <link rel="stylesheet" type="text/css" href="link.css" media="only screen and (max-width:480px)"/> 内嵌样式使用CSS3-Media Query: <style type="text/css"> @media screen and (min-width: 480px){ body{ background-color: blue; } } </style>查看全部
-
实现响应式布局@media查看全部
-
css3 media query查看全部
-
实现响应式布局的三个方式： 1.css3 Media Query：代码简单 2.通过js实现：主要用于老浏览器上，加载速度慢，不推荐 3.使用第三方的开源框架，如bootstrap，可以很好的实现浏览器对响应式的支持查看全部
-
设计原则： 1.移动优先：在设计的初期就考虑页面如何在多终端展示 2.渐进增强：充分发挥硬件设备的最大功能查看全部
-
响应式设计优缺点 优点：解决了设备只见的差异化展示 缺点：兼容性代码多，工作量大，加载速度受影响 对原有网站布局会产生影响，用户判断未必精准查看全部
-
word-break:break-all; word-wrap:break-word;查看全部
-
实现响应式布局的方法查看全部
举报
0/150
提交
取消