当前位置:首页 > 千层云服务器 > 正文

微信小程序文字大小怎么调整

微信小程序文字大小的调整方法:1、创建微信小程序项目;2、在index.wxml文件中添加文本代码;3、在index.wxss文件里添加字体样式;4、保存编辑的代码并进行调试即可。

微信小程序文字大小怎么调整

具体操作步骤如下:

1、首先在创建一个微信小程序项目。

微信小程序文字大小怎么调整

2、在pages包下的index目录中index.wxml文件里添加文本设计代码。

<view>

亿速云

</view>

<viewclass="text">

云服务器

</view>

<viewclass="text2">

香港服务器

</view>

<viewclass="text3">

高防服务器

</view>

微信小程序文字大小怎么调整

3、在pages包下的index目录中index.wxss文件里给文本的文字大小进行调整,代码如下。

/*调整页面文字大小*/

.text{

font-size:30px;

}

.text2{

font-size:40px;

}

.text3{

font-size:50px;

}

微信小程序文字大小怎么调整

4、最后保存编辑的代码进行调试,保存快捷键【Ctrl+S】。

在开发工具左侧即可查看调整之后的效果。

微信小程序文字大小怎么调整


如果您对该产品感兴趣,请填写办理(客服微信:xiaoxiongyidong)

为您推荐:

发表评论

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

在线客服