taro css 转换 bug
2024-08-30 22:43:32
taro css 转换 bug
https://nervjs.github.io/taro/docs/size.html
https://nervjs.github.io/taro/docs/component-style.html
Taro.pxTransform
css in js
https://nervjs.github.io/taro/docs/size.html#api
最佳实践
使用 css 的 class 设置样式
为每个组件分别指定 box-sizing 属性
使用正确的包裹容器,View
...
h5 to taro
- span === Text
- div === View
box-sizing: border-box;
no span, no *
以下全局公用样式不会生效
@charset "UTF-8";
*{
margin: 0;
padding: 0;
box-sizing: border-box;
}
span, div{
margin: 0;
padding: 0;
box-sizing: border-box;
}
demos
- box-sizing: border-box;
/*! autoprefixer: ignore next */
多行文本省略号 ...
.ticket-card-info{
width: 242px;
height: 32px;
line-height: 16px;
font-size: 11px;
font-family:PingFang-SC-Regular,PingFang-SC;
font-weight:400;
color:#999999;
display: block;
margin-top: 8px;
overflow: hidden;
/* white-space: nowrap; */
// 需要加上这一句autoprefixer的忽略规则 否则这一行样式加不上 导致无法展示省略号
/*! autoprefixer: ignore next */
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
/*! autoprefixer: ignore next */
-webkit-box-orient: vertical;
white-space: normal;
}
最新文章
- 27-React Lists and Keys
- 【FFmpeg】Windows下FFmpeg调试
- VS2010--2013使用技巧及使用过程中遇到的问题
- 根据Url 获取图片尺寸 iOS
- Linux命令 ,在当前目录下查找一个,或者多个文件
- (转)android Fragments详解一:概述
- Data Base MongoVue 破解治标不治本
- 什么是HotSpot VM &; 深入理解Java虚拟机
- The OAuth 2.0 Authorization Framework-摘自https://tools.ietf.org/html/rfc6749
- js 写成类的形式 js 静态变量 js方法 属性 json类
- MVC中,视图的Layout使用
- AVAudioSession(2):定义一个 Audio Session
- C/C++语言的语法基础
- SpriteBuilder中CCMotionStreak提示图片文件找不到
- [Leetcode]27. 移除元素
- 修改PL/ORACLE字符编码集
- 五子棋 AI(AIpha-beta算法)
- intellij idea 修改背景保护色&;&;修改字体&;&;快捷键大全(转)
- Koa快速入门教程(一)
- pandas dataframe 读取 xlsx 文件