博客
关于我
Taro学习手册(四)—— Taro的样式尺寸
阅读量:474 次
发布时间:2019-03-06

本文共 475 字,大约阅读时间需要 1 分钟。

在前期的开发工作中,我曾多次遇到样式统一性问题。最初在使用H5开发时,以px为单位的写法并没有让我感到太多困扰。但当我开始涉及微信小程序开发时,原本熟悉的px单位却让我陷入了一片混乱。

通过查阅Taro文档,我发现了一件有趣的事情:Taro已经默认对所有样式单位进行了转换。这让我对前期在H5和小程序中的样式表现有了更深刻的理解。原来,设计稿上量取的100px,在Taro框架中写作100px时,会自动转换为100rpx用于小程序开发,而在H5开发时则以rem为单位呈现。这样一来,开发者只需要根据设计稿编写一次,就能确保各端的样式保持一致了。

此外,我还学习到了一条实用的技巧。如果需要某些px单位不被Taro转换为rpx或rem,可以在px单位前后添加大写字母 chẳng demeanor Px或PX。此次发现对日常开发工作起到了极大的帮助。

这次深入理解Taro的样式处理机制,不仅让我在样式统一性问题上有了更明确的解决方案,更让我意识到细心阅读文档的重要性。

Taro官方文档如果需要了解更多关于样式处理的细节,可以参考Taro的相关文档。

转载地址:http://vwldz.baihongyu.com/

你可能感兴趣的文章
解决git push出现error: failed to push some refs to 错误
查看>>
Jenkins - 部署在Tomcat容器里的Jenkins,提示“反向代理设置有误”
查看>>
2017年前端框架、类库、工具大比拼
查看>>
wxWidgets源码分析(1) - App启动过程
查看>>
wxWidgets源码分析(3) - 消息映射表
查看>>
wxWidgets源码分析(5) - 窗口管理
查看>>
wxWidgets源码分析(6) - 窗口关闭过程
查看>>
wxWidgets源码分析(7) - 窗口尺寸
查看>>
wxWidgets源码分析(8) - MVC架构
查看>>
wxWidgets源码分析(9) - wxString
查看>>
Mybatis Generator最完整配置详解
查看>>
[白话解析] 深入浅出熵的概念 & 决策树之ID3算法
查看>>
[梁山好汉说IT] 梁山好汉和抢劫银行
查看>>
[源码解析] 消息队列 Kombu 之 基本架构
查看>>
[源码分析] 消息队列 Kombu 之 启动过程
查看>>
[源码分析] 消息队列 Kombu 之 Consumer
查看>>
[源码分析] 消息队列 Kombu 之 mailbox
查看>>
抉择之苦
查看>>
wx.NET CLI wrapper for wxWidgets
查看>>
Silverlight for linux 和 DLR(Dynamic Language Runtime)
查看>>