img { max-width: 800px; height: auto; } 代码中的max-width:800px限制图片的最大宽度为800像素,而下面的hight:auto很关键,可以保证图片有正确的长宽比,不至于因为被调整宽度而变形。实用例子(未经测试—————————————————...
分类:
Web程序 时间:
2015-06-26 01:43:35
阅读次数:
183
.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
BootstrapBootstrap:简洁、直观、强悍、移动设备优先的前端开发框架,让web开发更加迅速、简单。Bootstrap设置了全局样式,有显示,排版和链接。用.container包裹页面上的内容即可实现居中对齐。在不同的媒体查询阈值范围内都为container设置了max-width,用以...
分类:
其他好文 时间:
2015-06-16 22:48:29
阅读次数:
156
.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
/***@namethum缩略图函数*@paramsting$img_name图片路径*@paramint$max_width略图最大宽度*@paramint$max_height略图最大高度*@paramsting$suffix略图后缀(如"img_x.jpg"代表小图,"img_m.jpg"代表...
分类:
Web程序 时间:
2015-06-09 19:46:30
阅读次数:
127
@media (max-width: 767px).main-sidebar, .left-side { -webkit-transform: translate(-230px, 0); -ms-transform: translate(-230px, 0); -o-transform: tr...
分类:
移动开发 时间:
2015-06-05 15:34:37
阅读次数:
182
个人认为width:100%max-width:1160px;比width:80%;min-width:1160px;要好width:80%min-width:960px 会在拉伸窗口的时候(窗口的宽度超过1200px)的时候 拉伸内容 但在窗口的宽度小于960px的时候 内容显示不全width:1...
分类:
其他好文 时间:
2015-06-02 00:11:34
阅读次数:
393
$volist}--> ?c=passport&a=login'"> ">约见TA ?c=passport&a=login'"> ">约见TA images/xj/01.png">/*css*/.banner img {max-width:100%; height:auto;width...
分类:
其他好文 时间:
2015-06-01 18:30:01
阅读次数:
125
响应式布局Max Width下面的样式会在可视区域的宽度小于 600px 的时候被应用。(放在里面)12345 @media screen and (max-width: 600px) { .class { background: #ccc; }}如果你想链接到一个单独的样式表,把下面的代...
分类:
其他好文 时间:
2015-05-28 15:38:07
阅读次数:
154