02 2017 档案

摘要:查看发现bs使用了 * {box-sizing:border-box;}重置了盒子模型 那么我们再把它重置回来,在样式中加入以下代码 阅读全文
posted @ 2017-02-20 15:57 God丶魔多 阅读(1408) 评论(0) 推荐(0)
摘要:比如用媒体查询响应输出@media (max-width: 767px),用谷歌浏览器手机测试插件显示并无变化,其实关键在于max-device-width和max-width,以下摘抄↓ max-device-width和max-width是有区别的,表现在如下几个方面:1、max-device- 阅读全文
posted @ 2017-02-08 09:31 God丶魔多 阅读(641) 评论(0) 推荐(0)
摘要:为什么是小于767而不是768呢,那是因为在css中@media (min-width: 768px)表示最小是768也就是>=768,这里有等于,所以我们判断更小的设备用@media (max-width: 767px)这边表示<=767就不会有冲突了 阅读全文
posted @ 2017-02-08 09:09 God丶魔多 阅读(2245) 评论(0) 推荐(0)
摘要:1、PX :像素(Pixel) PX是相对长度单位,它是相对于显示器屏幕分辨率而言的。 优缺点:比较稳定和精确,但在浏览器中放大或缩放浏览页面时会出现页面混乱的情况。 2、EM:是相对长度单位。 EM是相对于父元素来设计字体大小的。如果当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺 阅读全文
posted @ 2017-02-04 09:52 God丶魔多 阅读(476) 评论(0) 推荐(0)