在使用CSS3的中有如下类似代码Html代码@mediascreenand(max-width:480px)｛……｝意思是在最大宽度为480px的设备上应用{}里面的样式。这里的width，注意是手机浏览器的分辨率，而不是手机设备的屏幕分辨率。比如苹果4的手机屏幕分辨率是960x640。而其自带的S...
分类：
移动开发 时间：
2014-06-13 13:52:37
阅读次数：
496
1、高亮外框的取消 input { outline: none; } textarea {
outline: none; } 如上，使用CSS的outline就可以实现 2、文本域缩放功能的取消 也是使用CSS，具体有两种方法 textarea {
width: 400px; max-width: ...
分类：
其他好文 时间：
2014-06-12 10:53:22
阅读次数：
225
/*==========限制图片大小======避免页面撑暴========*/img {
max-width:100%;width:expression(width>669?"100%":width+"px");}--说明 .content
img { max-width:100%;width:e...
分类：
Web程序 时间：
2014-05-27 01:38:06
阅读次数：
292
google的实现方式是：
图片可以作为a标签的背景或者嵌套子a标签里面，为a标签设置绝对定位，右面搜索框为正常块，为右面的搜索框设置margin-left即可具体如下，也可直接去看google搜索页.mw{
max-width:100%;}@media only screen and (...
分类：
其他好文 时间：
2014-05-25 03:50:29
阅读次数：
404
1.响应式图片
class="img-responsive"通过添加.img-responsiveclass可以让Bootstrap
3中的图片对响应式布局的支持更友好。其实质是为图片赋予了max-width: 100%;和height:
auto;属性，可以让图片按比例缩放，不超过其父元素的尺寸。...
分类：
Web程序 时间：
2014-05-09 19:26:13
阅读次数：
439
在响应式（或自适应）设计中要用到Media
Queries这个CSS属性，但在某些时候我们需要对Media Queries进行动态操作，这时候可以使用Javascript。如以下Media
Queries的代码：@media all and (max-width: 700px) { body ...
分类：
编程语言 时间：
2014-05-09 05:51:04
阅读次数：
334
