css实战小技巧

1. Chrome 中文界面下默认会将小于 12px 的文本强制按照 12px 显示,可通过加入 CSS 属性

-webkit-text-size-adjust: none;

2. 修改palceholder内文字的css样式

::-webkit-input-placeholder{
    color: red;
    font-size: 20px;
    line-height: 50px;
 }

在微信小程序中微信有自己的处理方式

在标签里面直接设置一个placeholder-class样式

//WXML文件
      <input type='number' class='phone'   maxlength='11' placeholder-class='phone_PC'></input>
//WXSS文件
      .phone_PC{
            color:#ccc;
            font-size: 32rpx;
        }

3. CSS控制文字，超出部分显示省略号

如果实现单行文本的溢出显示省略号应该都知道用text-overflow:ellipsis属性来，当然还需要加宽度width属来兼容部分浏览。

overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;