![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
自适应布局
我就是陈星烨
前端开发
展开
-
bootstrap网格布局原理解析
简介bootstrap根据媒体查询设置不同的container容器宽度,在容器内用百分比设置其列col的宽度以自适应不同大小的屏幕,一行row共有12个col,只需添加相关的类名,且对应类名后面的数字之和为12即可。/* 超小设备(手机,小于 768px) xs*/ /* Bootstrap 中默认情况下没有媒体查询 *//* 小型设备(平板电脑,768px 起)sm */ @media (min-原创 2017-07-10 11:09:43 · 5700 阅读 · 1 评论 -
响应式开发细节
响应式设计原则1. 渐进增强还是优雅降级? 渐进增强:先实现低版本浏览器支持的功能和特性,估计做出来的网站自己都想吐,然后再一点一点添加高版本浏览器支持的特性,估计完成后项目都要解散了! 优雅降级:按照高版本浏览器支持的特性开发网站,最后去掉低版本浏览器不支持的特性,如border-radius,box-shadow等。 我比较支持优雅降级,毕竟使用低版本浏览器如IE6的人原创 2017-07-03 15:15:56 · 308 阅读 · 0 评论 -
css之reset.css
html{ font-size:62.5%; } html,body{ margin:0; padding:0; } ::selection{ background-color:#b3d4fc; text-shadow:none; } ul{ margin:0; padding:0; list-style:原创 2017-07-03 15:14:59 · 194 阅读 · 0 评论