-
Bootstrap框架移动优先的前端框架，写非常少的代码即可实现多终端的页面适配 ie9以下需引入respond.min.js查看全部
-
内嵌式写法： <style>@media screen and (min-width:480px){body{background:blue;}}</style> 当屏幕分辨率小于480px 在link中引进来 media="only screen and (max-width:480px)"查看全部
-
css3-Media query 常见属性： ·device-width,devide-height：屏幕的宽高 ·width,height：渲染窗口宽高 ·orientation：设备方向 ·resolution：设备分辨率查看全部
-
1、nav 2、List group 3、jumbotron 4、栅格布局：container row .col-sm- 注意：bootstrap高度组件化，不要做过多的重新开发；掌握栅格布局。查看全部
-
栅格系统条件： 父元素 container .col-xs-(垂直布局 auto) .col-sm- 60px .col-md- 78px .col-lg- 95px； 组件：导航、下拉框查看全部
-
css3-Media query 常见属性 device-width device-height : width height: orientation:方向 resolution:分辨率 内嵌式写法：<style>@media screen and (min-width:480px){body{background:blue;}}</style> 当屏幕分辨率小于480px才在link中引进来 media="only screen and (max-width:480px)"查看全部
-
CSS3-Media Query 借助原生Javascript 第三方的响应式布局框架查看全部
-
响应式设计的原则查看全部
-
响应式设计的优缺点。查看全部
-
bootstrap响应式布局的框架。查看全部
-
实现响应式布局: CSS3-Media Query(最简单方式) (推荐：能满足大部分的需求） 借助原生JavaScript(不推荐) 第三方开源框架(比如:bootstrap)查看全部
-
响应式设计的原则 移动优先：在设计的初期就要考虑页面如何在多终端展示 渐进增强：充分发挥硬件设备的最大功能查看全部
-
优点: 解决了设备之间的差异化展示,让不同的设备达到最优的视觉体验. 缺点: 1/兼容性代码多,工作量大,加载速度受影响, 2/对原有网站布局会产生影响,用户判断未必精确.查看全部
-
响应式布局: 服务器端根据不同的浏览器客户端，然后在浏览器当中为用户呈现不同网页的页面。[1]让一个网站可兼容不同分辨率的设备 [2]给用户更好的视觉使用体验 移动互联网催生了响应式布局的诞生。查看全部
-
诞生背景查看全部
举报
0/150
提交
取消