上一周,在群里面吹水摸魚,然后來了一個學生仔,正好 水平很菜,比我還菜,瞬間我的感覺就上來了,炫耀的時機就在眼前, 在他面前我終于找回了信心,然后他順水推舟,請教了我三個問題,說是學校的作業, 這逼我一裝就大了, 回應式,沒搞過… 然后我花了一周時間,又擼了一遍什么是回應式,為什么有這種技術是怎么實作的,
南寧小程式開發企業oa定制:www.nasiot.com
回應式的學習路線:
1.理解回應式:就是多媒體查詢
@media screen and (max-width: 300px) {
body {
background-color:lightblue;
}
}
2.配合柵格布局系統,
柵格系統一共就是一個網頁分12等份!
div class="col-md-4"></div>
<div class="col-md-8"></div>
3.bootstrap,layui 等用的前端框架使用, 三步走下來就會回應式開發了,現在我看了許多的bootstrap實戰, 下一篇文章發布回應式小作品!
南寧軟體開發:www.nasiot.com
轉載請註明出處,本文鏈接:https://www.uj5u.com/qita/237599.html
標籤:其他
上一篇:程式猿力薦一個編程猿!(www.51xuebc.com)
下一篇:研究生英語期末復習(Unit3)
