微信小程序开发问题:win和mac调试产生的代码不一样

本文描述了在Windows和Mac上微信小程序开发遇到的问题,即同一代码在不同系统下真机调试效果不一致。问题根源在于CRLF(回车换行符)的差异,Windows使用CRLF,而Mac使用LF。通过对换行符模式进行调整,从CR/LF更改为LF,成功解决了因换行符导致的排版问题。
摘要由CSDN通过智能技术生成

0.前言

这两天在做一款微信小程序的开发,今天在前后端及UI对后面几天的工作进行安排时,发现小程序出了一点小问题。

在win端和mac分别进行真机调试时,同一部手机通过两个系统上的微信开发者工具进行调试时,产生的效果不同。

1.问题描述

在mac端调试生成的效果如图

可以看到失物招领四个字是正常的,但同样的代码在win下的微信开发者工具,生成的效果如图

失物招领四个字有一个被挤下去了。

对应的wxml代码如下

<view class="list_title" hover-class="none" hover-stop-propagation="false">
   失物招领
</view>

 对应的样式文件如下

.list_title {
    font-size: 22rpx;
    margin: 0 auto;
}

2.问题分析

2.1手机型号

首先,分别使用组里其他二人

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值