-
www.jser.me
查看全部 -
超小屏一個col的寬度是auto 中屏是60px 大屏是 超大屏是查看全部
-
兼容IE8，IE9會用到注釋那一部分查看全部
-
css3-Media Query?常見屬性
查看全部 -
Bootstrap高度組件化，使用時不要嘗試重新開發。它的核心是柵格化布局。
查看全部 -
實現響應式布局的方法
查看全部 -
響應式設計的原則
查看全部 -
響應式設計優缺點
查看全部 -
響應式布局優缺點：
查看全部 -
bootstrap組件--（2）
http://getbootstrap.com/docs/4.1/examples/checkout/
https://getbootstrap.com/docs/4.1/examples/sign-in/
查看全部 -
bootstrap組件--（1）
https://getbootstrap.com/docs/3.3/css/
https://getbootstrap.com/docs/3.3/components/#btn-dropdowns
https://getbootstrap.com/docs/3.3/examples/offcanvas/
查看全部 -
device-width,device-height——設備寬高/屏幕寬高/物理寬高?
width,height——渲染窗口寬高
orientation——設備方向（橫屏，豎屏）
resolution——設備分辨率
隨著屏幕寬度（分辨率）變化顯示也發生變化，樣式設計：
該代碼寫在變化樣式中，當屏幕分辨率<=320px時，執行顯示該樣式
1、外聯樣式
<link type="text/css" url="css/two.css" media="only screen and (max-width:320px)"/>
2、內嵌樣式
<style>@media screen and (ma-width:500px){/*這里面開始寫樣式*/}</style>
查看全部 -
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?實現響應式布局
CSS3-Media Query
借助原生Javascript（成本高，不推薦使用）
第三方開源框架（可以很好的支持瀏覽器響應式布局的設計）
查看全部 -
設計原則查看全部
-
Media Query簡單案例
查看全部
舉報