-
实现响应式布局的方法:查看全部
-
使用Bootstrap可以快速开发网站,Bootstrap是高度组件化的,使用时不要尝试重新开发。查看全部
-
mark查看全部
-
响应式布局可以兼容不同分辨率的设备,给用户更好的视觉体验查看全部
-
使用bootstrap同时支持极小和桌面查看全部
-
媒体查询查看全部
-
device-width device-height 屏幕宽高 width height 浏览器的物理真实高度 orientation 设备方向 resolution 设备分辨率查看全部
-
设计原则:移动优先查看全部
-
CSS3 Media Query 常见属性查看全部
-
完整引入库代码查看全部
-
<meta name="viewport" content="width=device-width,initial-scale=1.0">查看全部
-
@media screen and (min-width:480px){} <link media="only screen and (max-width:480px)"/>查看全部
-
实际宽高 物理宽高查看全部
-
media query 查询不同的媒体设备 dvice-width, device-height 屏幕宽高 width, height 渲染窗口宽高 orientation 设备方向 resolution 设备分辨率 使用 media 关键字就可以实现根据不同的设备显示不同的文件查看全部
-
外嵌 <link type="text/css" rel="stylesheet" href="link.css" media="only screen and (max-width:480px)"/> 内嵌 <style> @media screen and (min-width:480px){ body{background:blue;} </style>查看全部
举报
0/150
提交
取消