bootstrap
nhw649
热爱前端
展开
-
bootstrap的视口检测和媒体查询
1.视口检测<meta name="viewport" content="width=device-width, initial-scale=1.0">2.媒体查询写法(1).在@media screen and (max-width: 屏宽 ) { css代码…… }@media (max-width:屏宽 ) { css代码…… }原创 2020-08-02 17:46:43 · 280 阅读 · 0 评论 -
关于bootstrap自适应屏幕宽度学习
@media (max-width: 768px) { /*没有设置.container类的宽度属性。这样当浏览器宽度小于768px时,.container框架的宽度为100%*/ /*在这个区域使用.col-xs选择器*/ .container { } } @media (min-width: 768px) { /*在这个区域使用.col...原创 2020-08-01 21:33:13 · 3082 阅读 · 0 评论