发表于： 2017-03-25 21:29:36
1 536
今天完成的事情：
学习boostrap对按钮，表单样式的定义及查看了他们的源码。知道了实现方式。
做完了任务七的第一个页面。
明天计划的事情：
继续学习boostrap。
做完任务七。
遇到的问题：
boostrap框架运用的不熟练。主要是一些类名没有记下来。英语有点差。
收获：
弄懂了什么是自适应，什么是响应式
自适应就是一个网页，在其他不同大小的设备上浏览，原网页的布局在都可以保持一致，没有因为屏幕窄宽大小而会影响效果和响应效果。
响应式，是指一个页面，在不同大小的设备上，无障碍显示，但是网页的样式早已根据响应式的布局该变成专为其所准备的样式。
总结：
自适应，在手机登设备上浏览，网页与PC端无任何差别，所有内容均在浏览器窗口。
响应式，在手机等设备上浏览，网页与PC端内容相似，但布局是自动改变为专为手机等其他设备所准备的。
深入学习了boostrap的栅格系统响应式，是指一个页面，在不同大小的设备上，无障碍显示，但是网页的样式早已根据响应式的布局该变成专为其所准备的样式。
总结：
自适应，在手机登设备上浏览，网页与PC端无任何差别，所有内容均在浏览器窗口。
响应式，在手机等设备上浏览，网页与PC端内容相似，但布局是自动改变为专为手机等其他设备所准备的。
栅格系统的实现原理非常简单，仅仅是通过定义容器大小，平分12份，再调整内外边距，最后结合媒体查询，就制作出了强大的响应式网格系统。Bootstrap框架中的网格系统就是将容器平分成12份。源码中是根据屏幕的大小，按照%的形式来划分。
返回列表
评论