@media print {color: red;}/* 手机等小屏幕手持设备 */@media screen and (min-width: 320px) and (max-width: 480px) {body {background: yellow;}}/* 平板之类的宽度 1024 以下设备...
分类：
其他好文 时间：
2015-07-06 11:44:30
阅读次数：
82
@media (max-width: 768px) { /*超小屏幕设备 手机*/}@media (min-width: 768px) and (max-width: 992px) { /*小屏幕设备 平板*/}@media (min-width: 992px) and (max-wid...
分类：
其他好文 时间：
2015-07-06 11:42:20
阅读次数：
269
@media all and (min-width:840px) //所有最小水平屏幕宽度为800像素的屏幕应用规则@media (min-width:800px) //简写方式，同上@media (min-width:800px) and (max-width:1200...
分类：
其他好文 时间：
2015-07-05 23:42:57
阅读次数：
174
幻灯片：http://www.woothemes.com/flexslider/引入js和样式文件后，增加样式：.flexslider{
margin:0auto3em;
width:50%;
min-width:800px;
}
.flex-caption{
width:96%;
padding:2%;
left:0;
bottom:0;
background:rgba(0,0,0,.5);
color:#fff;
text-shadow:0-1px0rgba(0,0,..
分类：
Web程序 时间：
2015-07-05 16:57:53
阅读次数：
239
就你说的网站来看是由于把类名为“MKcont”的div设置为1400px，当缩小窗口的宽度小于1400px时，实际body元素的宽度并没有被撑开为”1400px“，而是按自己设置为“浏览器可视窗口的宽度”和"min-width"属性中的最大值来解析的。所以所有body下设置为100%的元素，都...
分类：
其他好文 时间：
2015-07-04 13:56:28
阅读次数：
76
水平有限，不对之处还请指出。
【目前几种布局】
随着移动互联网的发展和微信的突起，移动端的响应式布局越来越重要了。
目前网站布局有以下几种：
1.定宽度布局
很多pc的网站都是定宽度布局的，也就是设置了min-width，
这样一来，如果小于这个宽度就会出现滚动条，
如果大于这个宽度则内容居中外加背景，
这种设计常见与pc端。
2.响应式布局
所谓响应式布局就是流式布局...
分类：
其他好文 时间：
2015-06-19 06:40:33
阅读次数：
155
.format{min-width:100px;max-width:200px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}首先需要设置表头宽度，然后在需要的内容过长用省略号表示的td上加上class="word"即可，好像是...
分类：
其他好文 时间：
2015-06-18 09:18:47
阅读次数：
107
正如我在教程响应式Web设计三步走当中所讲的，响应式的Web设计其实并不难，但是要让元素在布局切换时能够平滑过渡就比较考验技巧了。现在我分享在编码时常用的五个CSS技巧并举例说明。这些技巧都是使用简单的CSS属性，如min-width、max-width、overflow 和相对属性值，但是这些属性...
分类：
Web程序 时间：
2015-06-17 13:16:28
阅读次数：
140
.word{ min-width:100px;max-width:200px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}首先设置表头每列宽度，然后在需要过长用省略号表示的列的td上面加class="word",注意这个样式加...
分类：
其他好文 时间：
2015-06-16 21:08:13
阅读次数：
114
本文我们分享前端CSS背景100%平铺,浏览器缩小背景显示不全bug解决的两个方法，如果你也遇到了，那么就可以参考下面文章。把浏览器的窗口缩小时，拖动滚动条时你会发现原本设定的CSS背景100%平铺的背景少了一块，而且窗口越小时，空白越大。解决方法：width:100%;min-width:990p...
分类：
Web程序 时间：
2015-06-16 19:01:31
阅读次数：
2054
