1. 问题的引出如果html5要适应各种分辨率的移动设备，可以使用rem这样的尺寸单位，针对各个分辨率范围在html上设置font-size的代码：html{font-size:10px}@media screen and (min-width:321px) and (max-width:375px...
分类：
移动开发 时间：
2016-01-25 12:51:47
阅读次数：
10157
1.//iphone4，4s（max-width：320px）@media (device-height:480px) and (-webkit-min-device-pixel-ratio:2){}1.//iphone5（max-width：320px）@media (device-height:...
分类：
其他好文 时间：
2016-01-24 19:33:44
阅读次数：
163
媒体查询规则：@mediaall{}将样式应用于所有类型，@media(min-width:800px){}将样式应用于最小宽度为800的@media(min-width:800px)and(max-width:1200px)and(orientation:potrait){}宽度为800-1200且方向是纵向（and表示同时满足时才会显示，or只要满足其中一个条件即可）@medi..
分类：
其他好文 时间：
2016-01-20 22:48:33
阅读次数：
156
一、为防止内容图片尺寸过大超出显示区域时，图片显示不全，必须设定内容显示区域内的图片最大显示尺寸为100%；.content img{max-width:100%;}二、为防止文字多时布局出错，最好设定a{overflow: hidden;white-space: nowrap;text-overf...
分类：
Web程序 时间：
2016-01-20 19:11:01
阅读次数：
197
兼容IE6的最大宽度max-width效果:由于IE6浏览器并不支持度max-width属性，所以要在IE6下实现此效果，需要一些兼容性写法。代码如下:.max_width{ max-width:600px; _width:expression(document.body.clientWidth.....
分类：
其他好文 时间：
2016-01-09 10:55:50
阅读次数：
162
CSS设置div的最小高度和最小宽度:所谓设置div的最小高度和宽度就是设置一个值，如果实际宽度或者高度小于此值时，就会将实际的宽度和高度值设置为规定的此最小值，下面就通过实例代码简单做一下介绍。如果在标准浏览器中，当然可以使用max-height或者max-width实现此效果，例如:max-wi...
分类：
Web程序 时间：
2015-12-29 06:17:27
阅读次数：
371
创建响应式网站1，创建可伸缩图像.photo{max-width:100%;}max-width：100%图像可伸缩，但是大小不会超过本来设定的大小；width：100%，图像也可伸缩，但是如果容器比图像大，图像就会被拉大会变丑。2，创建弹性布局.page{max-width:960px;} 布.....
分类：
Web程序 时间：
2015-12-26 19:41:59
阅读次数：
247
今天所做的一些题和遇到的问题。一：怎样最便捷的书写流式布局的开头代码如下： #container{ height:1000px; width:100%;}#container .main{ max-width:12.8rem; min-width...
分类：
其他好文 时间：
2015-12-23 00:28:59
阅读次数：
139
第一步：流式布局 实例======》 第二部：谋体查询div{ float: left; width: 30%; height: 100px; margin: 10px;}@media only screen and (max-width: 600px) { div{ width: 95%;...
分类：
其他好文 时间：
2015-12-08 20:29:22
阅读次数：
149
@media screen and (max-width: 650px){ #quan{ width:98%; margin: auto; position: relative; } .duoYong ul li a div { ...
分类：
其他好文 时间：
2015-12-08 20:26:22
阅读次数：
189
