1.用@media调节不同手机屏宽情况下字体大小. @media screen and (min-width:480px){ .container {width:100%;} h1 {font-size:96px;} } 2.一行有3个并排的div且位置要三等分 注意:1个float:left, 1 ...
分类：
其他好文 时间：
2017-05-20 01:01:47
阅读次数：
137
/* 大屏幕 */@media (min-width: 1200px) { ... } /* 平板电脑和小屏电脑之间的分辨率 */@media (min-width: 768px) and (max-width: 979px) { ... } /* 横向放置的手机和竖向放置的平板之间的分辨率 */@ ...
分类：
其他好文 时间：
2017-05-18 11:23:22
阅读次数：
125
<style type="text/css">@media (min-width:768px){.container{width:100%}}@media (min-width:992px){.container{width:100%}} 百分百 @media (min-width:1200px){ ...
分类：
其他好文 时间：
2017-05-15 22:19:50
阅读次数：
227
介绍几种左中右布局，左右定宽，中间自适应，扩展阅读可搜索关键字：圣杯布局，双飞翼布局 注：建议所有布局都要有个包裹container并设置min-width（或width）等于设计稿所给尺寸，防止浏览器尺寸变化造成样式混乱。另，简易布局为笔者根据经验所写，如有不妥的地方欢迎指导修改。 效果图： 对比 ...
分类：
其他好文 时间：
2017-04-22 22:58:53
阅读次数：
201
1、有些时候我们是不知道中间内容区域有多高的，但又想让该区域的高度恰好能放下中间内容区域，这个时候我们可以使用min-height或者height: auto; min-width会继承父元素的width，而min-height不会。 2、<div style="width:100%; height ...
分类：
移动开发 时间：
2017-04-10 20:42:25
阅读次数：
297
不可继承的：display、margin、border、padding、background、height、min-height、max- height、width、min-width、max-width、overflow、position、left、right、top、 bottom、z-inde ...
分类：
Web程序 时间：
2017-04-06 23:25:52
阅读次数：
251
@media screen and (min-width:1000px){ div{ color: black; } } @media screen and (max-width:1000px) and (min-width:768px) { div { color:red; } } @media ...
分类：
其他好文 时间：
2017-03-30 10:21:40
阅读次数：
131
浏览器的兼容性浅谈 Css兼容性 <span>标签在IE下要放在前面，否则IE会有问题。 IE6下没有min-width的概念，起默认的width就是min-width IE6下两个float之间会有3px的bug IE6图片的下方会有空隙 IE6下margin：0 auto不能剧中，解决：为其父容 ...
分类：
其他好文 时间：
2017-03-29 00:58:37
阅读次数：
198
1， 媒体查询表达式之间还可以用逗号，@media (max-width:800px), print 它表示或的意思 @media (max-width: 800px) OR print; 2， not 是对整个表达式的否定 @media not all and (min-width: 765px) ...
分类：
Web程序 时间：
2017-03-19 00:01:20
阅读次数：
702
css的知识：@media screen and .... 在这里的代码都是针对屏幕宽度做自动判断的，一般的几个media实际只会生效其中的一个 eg:@media sreen and (max_width:769px)and (min-width:481px) .pdp-hero.hero-con ...
分类：
其他好文 时间：
2017-03-15 15:15:33
阅读次数：
267
