发表于: 2017-03-25 21:29:36

1 535


今天完成的事情:

学习boostrap对按钮,表单样式的定义及查看了他们的源码。知道了实现方式。

做完了任务七的第一个页面。
明天计划的事情:

继续学习boostrap。

做完任务七。
遇到的问题:

boostrap框架运用的不熟练。主要是一些类名没有记下来。英语有点差。
收获:

弄懂了什么是自适应,什么是响应式

自适应就是一个网页,在其他不同大小的设备上浏览,原网页的布局在都可以保持一致,没有因为屏幕窄宽大小而会影响效果和响应效果。
响应式,是指一个页面,在不同大小的设备上,无障碍显示,但是网页的样式早已根据响应式的布局该变成专为其所准备的样式。
总结:
自适应,在手机登设备上浏览,网页与PC端无任何差别,所有内容均在浏览器窗口。
响应式,在手机等设备上浏览,网页与PC端内容相似,但布局是自动改变为专为手机等其他设备所准备的。
深入学习了boostrap的栅格系统

栅格系统的实现原理非常简单,仅仅是通过定义容器大小,平分12份,再调整内外边距,最后结合媒体查询,就制作出了强大的响应式网格系统。Bootstrap框架中的网格系统就是将容器平分成12份。源码中是根据屏幕的大小,按照%的形式来划分。


返回列表 返回列表
评论

    分享到