微信小程序:字体保持大小

小程序和网页差不多,前台用wxml把内容摆好,然后用css调整样式。所以和web一样,必须要能够精确控制每一个元素的大小。在Web中,通过CSS基本达到了像素级的控制。但在小程序中,情况有所不同。下面是我通过微信提供的事件分析,把近7天访问的终端的分辨率的情况汇总了一下:

有些看起来很小,其实并不是老机子,而是手机和电脑在分辨率上有所差别。除了px,还有dp、vw、rem等一系列尺寸标准。

http://blog.csdn.net/zhoudailiang/article/details/50505362

https://segmentfault.com/q/1010000002727589/a-1020000002728503

尽管有一系列单位,但是经过试验,无法达到像微信那样,不管怎么调整系统字体大小,自身字体仍然不变的效果。目前的策略,仍然只能使用rpx,按照测试手机的特大字体效果设置。

我的小程序:简单账本,手机扫码或者在小程序主页搜索“简单账本”即可

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏腾讯社交用户体验设计

Demoo使用秘籍,比好用更好用 - 腾讯ISUX

19340
来自专栏angularejs学习篇

angularjs学习第五天笔记(第二篇:表单验证升级篇)

您好,我是一名后端开发工程师,由于工作需要,现在系统的从0开始学习前端js框架之angular,每天把学习的一些心得分享出来,如果有什么说的不对的地方,请多多指...

11210
来自专栏腾讯开源的专栏

【开源公告】通用 Web 组件化框架 Omi 正式开源

Omi 从 3.0 开始基于 preact 二次开发,完全可以共享 preact 和 react 的生态,也有了自己独特的风格和优势。

7.5K70
来自专栏小狼的世界

JavaScript Mobile开发框架汇总

目前Javascript移动开发框架有些共同的特点:专门为移动设备做了优化,提供标准的UI组件;提供跨平台的支持(Android、IOS、etc);轻量级,由于...

18230
来自专栏木头编程 - moTzxx

微信小程序Ⅷ [WXSS 小知识积累]

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u011415782/article/de...

24010
来自专栏从零开始学 Web 前端

从零开始学 Web 之 HTML(一)认识前端

前端对于网站来说,通常是指网页,网站的前台部分包括网站的表现层和结构层。因此前端技术一般分为前端设计和前端开发。

14130
来自专栏编程

5个最好的开源Javascript图表库

在这篇文章中,我向大家介绍前5名最好的开源JavaScript图表库。每个站点的仪表板都是不完整的,因为他们缺少图表,所以为我们的站点找到正确的图表库是非常重要...

49780
来自专栏互联网杂技

20个为前端开发者准备的文档和指南7

1. DevTools Challenger 它是一个交互式的站点,演示了如何在Firefox开发者版本里使用其拥有的新的相关动画功能。 ? 2. The HT...

38150
来自专栏理论坞

UI(用户界面)设计规则和规范

界面是软件与用户交互的最直接的层,界面的好坏决定用户对软件的第一印象。而且设计良好的界面能够引导用户自己完成相应的操作,起到向导的作用。同时界面如同人的面孔,具...

26530
来自专栏tkokof 的技术,小趣及杂念

Dev-C++,Time to say goodbye ?(更新2012-02-04)

  记得在那段很久以前的学生时代,自己曾经很反感Visual Studio的过度臃肿,再加上当时学校的实验PC陈腐老旧:经常假死的Windows 2000,外加...

13120

扫码关注云+社区

领取腾讯云代金券