摘要:
meta 标签可提供页面元素信息, 使用键值对的定义方式,可以记录网页上的主要信息,可以自定义键值对属性 content(必须) , name, http-equiv, scheme, lang常用 meta 头:设置编码信息 设置语言 设置重定向... 阅读全文
摘要:
display:box;box-flex是css3新添加的盒子模型属性,它的出现可以解决我们通过N多结构、css实现的布局方式。经典的一个布局应用就是布局的垂直等高、水平均分、按比例划分。目前box-flex属性还没有得到firefox、Opera、chrome浏览器的完全支持,但可以使用它们的私有... 阅读全文
摘要:
CSS代码:::-webkit-datetime-edit { padding: 1px; background: url(/study/image/selection.gif); }::-webkit-datetime-edit-fields-wrapper { background-color:... 阅读全文
摘要:
/* 兼容问题*/@media screen and (device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 2){ .dialog-agreement-con{ height: 45%... 阅读全文
摘要:
前面我写过如何优化Retina屏幕下的图像。如何优化Retina屏幕下的图像一文中从CSS3的background-size切入,介绍了background-size的属性使用方法,然后转入正题,介绍了Retina屏幕下的图像优化。如果你对background-size属性不太了解,建议你先了解一下... 阅读全文
摘要:
input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0;}inp... 阅读全文
摘要:
Android2.3的overflow问题在android2.3及以下系统版本的浏览器不支持overflow:scroll / auto,即在页面元素里面的内容如果超过了父元素或祖先元素的高度是无法滚动的,可以通过css3的transform来实现滚动,代表作:iscroll。Android2.3的... 阅读全文
摘要:
::-webkit-scrollbar { width: 12px;} /* Track */::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); -webkit-border... 阅读全文
摘要:
以上是在iphone4盛行的年代的处理办法。但现如今各种分辨率层出不穷,外加各种三栏不等分布局的情况,导致适配成了问题。为了精确还原设计稿,前端们采用了rem来作为宽高的单位。我们来看看rem的官方解释:font size of the root element也就是说是对于跟元素的相对比例,这样,... 阅读全文
摘要:
弹性布局总结:box是先出来的,flex后出,现在主要用flex。但是box有一个特性是flex没有的,文字可以垂直居中~display:-webkit-box; -webkit-box-align:center; -webkit-box-pack:center;设了宽度+padding+borde... 阅读全文