-
感觉最后的案例没有讲完整。 这节课的最后部分中，远人老师讲了如何做出 Toggle Nav（屏幕缩小时显示的小按钮），但是没有讲解 点击 Toggle 后 右侧滑现导航 这个效果是怎么做出来的……查看全部
-
敢不敢把Toggle按钮事件讲完查看全部
-
好像写作文，先读一下好的段子，然后自己改改，当然像框架的作者一样强是需要修炼的，先写一些小段子，写好了之后再慢慢修炼！改好代码的前提是对框架本身了解的比较深入，另外就是对于框架的基础要有一定的基本功！ 使用框架，就是使用框架本身提供的各种基本的现成的功能代码，这样就能是开发的速度变得异常的迅速！前提嘛！就是要对框架非常的了解，所以平时的功夫是必须要下的，学习的时候最好每个代码自己都动手敲一下！开发的时候可以ctrl+c/v，注意细节，注意测试！ 使用bootstrap框架的好处 1：开发快 2：适应性好 3：易上手，易维护 注意：bootstrap框架的核心是栅格化布局，这个要好好的玩玩！查看全部
-
CSS3-Media Query 1.常见属性： device-width，device-height-----屏幕宽高（物理） width，height -----渲染窗口宽高（浏览器） orientation -----设备方向（横屏、竖屏） resolution -----设备分辨率 2.基本的语法 外联、内嵌。 001.外联 <link type="text/css" rel="stylesheet" href="link.css" media="only screen and (max-width:480px)"/> → 当屏幕的宽度小于等于480px时，使用这个css 002.内嵌 <style> $media screen and (min-width:480px){ body{background:blue;} } </style> → 当屏幕的宽度大于480px时，使用这个css查看全部
-
框架不仅可以帮助解决低端浏览器不支持css3的问题，同时解决了不同分辨率上网页布局的展示， 此处介绍框架：Bottsstrap（getbootstrap.com）——移动优先的前端框架， 最大的好处就是：写非常少的代码，即可实现多终端的页面适配, respond.js是为让IE8支持media query属性, respond.js必须部署在webserver域名下面. IE9以下浏览器兼容，需要音容respond.js <meta name="viewport" content="width=device-width,initial-scale=1.0"> bootstrap.js依赖jQuery查看全部
-
优点: 解决了设备之间的差异化展示,让不同的设备达到最优的视觉体验. 缺点: 兼容性代码多,工作量大,加载速度受影响,对原有网站布局会产生影响,用户判断未必精确.查看全部
-
如何实现响应式布局查看全部
-
响应式布局：就是服务器端根据不同的浏览器客户端，在浏览器当中为用户呈现不同的网页页面。查看全部
-
CSS3 - Media Query 常见属性 device-width, device-height 屏幕宽高 width, height 渲染窗口宽高 orientation 设备方向 resolution 设备分辨率查看全部
-
IE9以下浏览器兼容，需要引入respond.js查看全部
-
响应式布局之bootstrap框架： 1、是一种移动优先的前端框架；不仅可以帮助解决低端浏览器不支持css3的问题，同时解决了不同分辨率上网页布局的展示 2、优点：写非常少的代码，即可实现多终端的页面适配； 3、源文件主要有两部分构成，即CSS,JS和font字体； 4、bootstrap的源代码是Less文件，不改变源代码的情况下可以直接下载编译后的文件； 5、几乎支持所有浏览器，对于IE8/9需要引入Respond.js文件激活IE8/9对Media Query的支持； 6、最好把respond.js和网站部署在同一个域名下，避免出现跨域问题查看全部
-
移动优先： 在设计的初期就要考虑到页面如何在多个终端显示 渐进增强： 充分发挥硬件设备的最大功能 不要因为低端浏览器（IE6\7\8等）不支持某些属性和功能，就不使用某些属性和功能查看全部
-
http://getbootstrap.com/examples/offcanvas/ 如何点击toggle nav按钮将页面展出查看全部
-
响应式设计的原则 1、移动优先： 在设计初期就要考虑到页面如何在多终端展示； 2、渐进增强： 充分发挥硬件设备（浏览器的支持度）的最大功能。查看全部
-
注意一个地方 and() 要加个空格 and ()查看全部
举报
0/150
提交
取消