CSS
关注
分享
扫一扫
蜗牛后端
这个作者很懒，什么都没留下…
展开
-
CSS——微信朋友圈图片样式实现方法
像微信朋友圈一样，添加图片的时候，等比例正方形显示在列表中，如何让图片根据宽高来自适应显示在页面上呢？示例如下：<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewpo转载 2018-08-07 15:27:06 · 5247 阅读 · 0 评论 -
CSS判断横竖屏幕方法：
css判断横竖屏幕：/* portrait */@media screen and (orientation:portrait) {/* 正常情况下 *//* portrait-specific styles */}/* landscape *//* 宽屏情况下 */@media screen and (orientation:landscape) {/* landsc...原创 2018-08-24 14:35:40 · 2471 阅读 · 2 评论 -
HTML5中input背景提示文字(placeholder)的CSS美化
之前在介绍HTML5的placeholder属性时，曾实现了一些页面例子让大家参考，但这些例子里的背景文字都是灰色的，样式很单一，其实它们可以做的更好看，CSS3里提供了专门的规则属性来美化用placeholder实现的input输入框的背景提示信息。下面我们来看看如何用专用的CSS属性来美化具有placeholder属性的Input输入框。CSS代码在火狐浏览器中的写法和在谷歌浏览器和S...转载 2018-09-03 09:06:37 · 2162 阅读 · 0 评论 -
html+css:display:flex属性
Flex 布局教程：语法篇原博客地址：http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html网页布局（layout）是CSS的一个重点应用。布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。2009年，...原创 2018-09-10 11:12:08 · 36536 阅读 · 10 评论 -
解决UC浏览器、微信浏览器使用display:flex;的兼容性问题
lex是个非常好用的属性，如果说有什么可以完全代替 float 和 position ，那么肯定是非它莫属了（虽然现在还有很多不支持 flex 的浏览器）。然而在移动开发中，本来绝大多数浏览器（包括安卓2.3以上的自带浏览器）都支持的属性，偏偏有个例外，就是国产某某X5内核神器（不知哪个版本的webkit，仅支持 display:box ），自主研发这东西也不好多说什么了，下面入正题。首先还是...转载 2018-09-10 11:22:24 · 733 阅读 · 0 评论 -
css:滚轮样式
.S12_some_all::-webkit-scrollbar { width: 2px;}.S12_some_all::-webkit-scrollbar-track-piece { background-color: #001029;} /* 滚动条的内层滑轨背景颜色 */.S12_some_allr::-webkit-scrollbar-track { ...原创 2018-09-13 19:03:02 · 3851 阅读 · 1 评论 -
移动端css样式初始化
@charset "utf-8";/* 禁用iPhone中Safari的字号自动调整 */html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; /* 解决IOS默认滑动很卡的情况 */ -webkit-overflow-scrolling : touch;}/* 禁止缩放表...转载 2018-11-18 14:24:03 · 819 阅读 · 0 评论