-
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简单案例
查看全部
举报