
css
yun_hou
这个作者很懒,什么都没留下…
展开
-
vue 项目使用 rem 布局
使用 vue-cli 构建项目完成后,在index.html文件内添加如下代码: //兼容UC竖屏转横屏出现的BUG //自定义设计稿的宽度:designWidth //最大宽度:maxWidth //这段js的最后面有两个参数记得要设置,一个为设计稿实际宽度,一个为制作稿最大宽度,例如设计稿为750,最大宽度为750,则为(750,750) ; (function (...原创 2019-01-14 19:41:49 · 1543 阅读 · 0 评论 -
input 光标颜色 和 placeholder 属性样式(颜色,大小,位置)
1、input 光标颜色input 光标颜色和定义的字体颜色一样绑定 color 即可input { color: red;}2、placeholder 样式修改input::-webkit-input-placeholder { /* placeholder颜色 */ color: #666; /* placeholder字体大小 */ font-s...原创 2019-01-09 19:32:04 · 5365 阅读 · 0 评论 -
关于原生 css 变量的那些事儿
在编写css时,我们熟知的Sass/Less/Stylus等预编译工具,里面包含了变量声明、定义函数等功能,大大降低了项目 css 的维护成本。现在原生 css 同样也具备了变量声明、条件判断等功能,该功能发布已有两年之久,各大浏览器的兼容也非常良好。1、变量声明CSS中原生的变量定义语法是:--*,其中*表示我们的变量名称。以"--"开头,后面可以是数字、字母、下划线、连字...原创 2019-03-01 10:52:33 · 334 阅读 · 0 评论 -
table 表格中的内容溢出的解决方法
css 解决文字溢出变为省略号时,代码如下:/*溢出部分样式*/td, th { white-space:nowrap; //强制在一行显示 overflow:hidden; //溢出的内容切割隐藏 text-overflow:ellipsis; //当内联溢出块容器时,将溢出部分替换为… word-break:keep-all; //允许在单词...原创 2019-05-12 19:43:39 · 7997 阅读 · 0 评论