摘要：在火狐、苹果、谷歌、欧鹏等主流浏览器中，select下拉表单的文字能够垂直居中，如图：而在ie8中，select下拉表单的文字基本就是靠底部显示，如图：那么，如何使得ie8下的select文字垂直居中呢？答案就是设置select{padding:5px 0;}，如图：如果想使得select有一定的高 阅读全文

摘要： 本文所说devicePixelRatio其实指的是window.devicePixelRatio, 被所有WebKit浏览器以及Opera所支持，随着显示器的发展，这个属性也慢慢登上了前端技术的舞台。 本文内容大部分属于翻译性质内容，因此，会不那么通俗易懂。不过，你是做手机开发的，或是有意向的，本文的内容如果细细读来，还是有些收获的。 一、定义 window.devicePixelRatio是设备上物理像素和设备独立像素(device-independent pixels (dips))的比例。 公式表示就是：window.devicePixelRatio = 物理像素 / dips dip或dp,（device independent pixels，设备独立像素）与屏幕密度有关。dip可以用来辅助区分视网膜设备还是非视网膜设备 阅读全文

摘要：-webkit-tap-highlight-color: transparent; Mobile上点击链接高亮的时候设置颜色为透明 -webkit-user-select: none; 设置为无法选择文本 -webkit-touch-callout: none; 长按时不触发系统的菜单, 可用在图片上加这个属性禁止下载图片 :-webkit-full-screen canvas {} 全屏模式时的样式(for Desktop) div p :matches(em, b, strong) {} 使用mathes来匹配多个选择器 @media only screen and (max-width: 480px) {} 指定Mobile设备或者小屏幕桌面屏幕 @media (-webkit-min-device-pixel 阅读全文

摘要：css在给select下拉表单设置样式如边框时可以轻松搞定，而我们在不喜欢其默认的下拉箭头的样式时试图通过background:url(图片路径)来修改之，则往往会出现浏览器的兼容性问题，在网上查了好多资料，最好的解决办法也是大神们用js来模拟下拉表单。额~，好吧，暂且就按照大神们的办法来解决这个问题吧。 下边来说说css如何解决select的option高度的？ 有时我们在设置了select的高度后，发现其option的高度还是默认的高度，跟我们设置的select的高度大相径庭 阅读全文