-
记下自己的心得,以免忘记了:Bootstrap最重要的是栅格化布局,大中小屏幕的响应,组件高度化,所以尽量不要自己开发,能使用Bootstrap的封装的组件就尽量使用提供的组件。日后要好好看bootstrap的使用文档以便加快开发速度。查看全部
-
device-width , device-height----屏幕宽高 width , height-----渲染窗口宽高 orientation------设备方向 resolution------设备分辨率查看全部
-
CSS3-Media Query常见属性: 1、device-width,device-height(屏幕宽高) 2、width,height(渲染窗口宽高) 3、orientation(设备方向) 4、resolution(设备分辨率) 基本语法 外联:<link type="text/css" rel="stylesheet" href="link.css" media="only screen and (max-width:480px)" 内嵌:<style> @media screen and (min-width:480px){ body{} } </style>查看全部
-
响应式布局实现方式: 1、css3-Media Query (最简单的方式) 2、借助原生Javascript(不推荐,成本高) 3、第三方开源框架(比如:可以很好地支持浏览器响应式布局的设计,如bootstrap)查看全部
-
响应式设计的原则: 1、移动优先:在设计的初期就要考虑页面如何在多终端展示 2、渐进增强:充分发挥硬件设备的最大功能查看全部
-
device-width , device-height----屏幕宽高 width , height-----渲染窗口宽高 orientation------设备方向 resolution------设备分辨率查看全部
-
如何实现响应式布局查看全部
-
响应式设计原则查看全部
-
响应式设计优缺点查看全部
-
好像写作文,先读一下好的段子,然后自己改改,当然像框架的作者一样强是需要修炼的,先写一些小段子,写好了之后再慢慢修炼!改好代码的前提是对框架本身了解的比较深入,另外就是对于框架的基础要有一定的基本功! 使用框架,就是使用框架本身提供的各种基本的现成的功能代码,这样就能是开发的速度变得异常的迅速!前提嘛!就是要对框架非常的了解,所以平时的功夫是必须要下的,学习的时候最好每个代码自己都动手敲一下!开发的时候可以ctrl+c/v,注意细节,注意测试! 使用bootstrap框架的好处 1:开发快 2:适应性好 3:易上手,易维护 注意:bootstrap框架的核心是栅格化布局,这个要好好的玩玩!查看全部
-
作者这里仅仅介绍了bootstrap框架的一些他觉得比较核心的实例,比较详细的内容,我们必须去官网玩玩,我看视频的目的也是为了先了解一个大概,然后有一个整体的印象,为后面进一步的深入研究先打一个基础!查看全部
-
注意:页面中的所有代码都是有其存在的原因的,如果找不到就去掉看看是什么效果,尽量想鲁迅先生讲的那样,代码中不要有多于的东西,做到恰好适当!查看全部
-
注意: 1:bootstrap.min.js是依赖jquery.js的! 2:Bootstrap框架以移动终端优先 3:对应的浏览器兼容性问题,他同样提供了对应的解决方案!查看全部
-
太卡了,频闪,闪的头晕! 还是去官网吧!查看全部
-
另外,发现自己做的笔记,好久才出现,什么情况——网络问题?浏览器问题?还是慕课网本身的问题? 当然,还能听,还能学习! 不过有时闪的厉害,压根不能继续看!查看全部
举报
0/150
提交
取消