回答

置顶设置button或者view标签的边框宽度为1rpx时，在苹果手机上显示缺失了一部分？精选热门

2022-04-284279浏览问题模块：其他开发相关的问题

CSS代码：

.button{font-weight: normal;font-size: 32rpx;  border: 1rpx solid #2CBF8E; background: none; border-radius: 44rpx; height: 88rpx;width: 292rpx!important;}

.wxml

<!--这是用view标签-->
<view class="df button j-sc a-ic themecolor">去修改</view>
<!--这是用button标签-->
<button class="df button j-sc a-ic themecolor">去修改</button >

不用是用view还是button，在苹果手机上看，左边就像缺失了一样，边框宽度设置成1px就正常了

2 个回答

Demons
2022-04-28
加粗
标红
插入代码
插入链接
插入图片
上传视频
请登录后发表内容
关闭
新增或编辑超链接
链接地址
确认取消
关闭
插入视频
视频链接
确认取消
发表
你好扫码截图提供一下手机型号信息
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
待楼主反馈
2022-04-28
有用
回复 13
- 铅笔Naruto
  2022-04-28
  加粗
  标红
  插入代码
  插入链接
  插入图片
  上传视频
  请登录后发表内容
  关闭
  新增或编辑超链接
  链接地址
  确认取消
  关闭
  插入视频
  视频链接
  确认取消
  发表
  你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
  待楼主反馈
  2022-04-28
  赞
  回复
  关闭
  请选择投诉理由
  广告内容
  违法违规
  恶意灌水内容
  其他
- Demons
  2022-04-28回复铅笔Naruto
  加粗
  标红
  插入代码
  插入链接
  插入图片
  上传视频
  请登录后发表内容
  关闭
  新增或编辑超链接
  链接地址
  确认取消
  关闭
  插入视频
  视频链接
  确认取消
  发表
  你确定你上面提供的代码片段是能复现的吗，我测试机型和你的一样可是我没复现哎
  你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
  待楼主反馈
  2022-04-28
  赞
  回复
  关闭
  请选择投诉理由
  广告内容
  违法违规
  恶意灌水内容
  其他
- 铅笔Naruto
  2022-04-28回复Demons
  加粗
  标红
  插入代码
  插入链接
  插入图片
  上传视频
  请登录后发表内容
  关闭
  新增或编辑超链接
  链接地址
  确认取消
  关闭
  插入视频
  视频链接
  确认取消
  发表
  不行，我重新试了下，问题有复现
  你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
  待楼主反馈
  /* pages/index/test.wxss */
  .button{
  font-weight: normal;
  font-size: 32rpx;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1rpx solid #2CBF8E;
  background: none;
  border-radius: 44rpx;
  height: 88rpx;
  width: 292rpx!important;
  margin: 30rpx auto;
  color: #2CBF8E;
  }
  .button2{
  font-weight: normal;
  font-size: 32rpx;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1rpx solid #2CBF8E;
  background: none;
  height: 88rpx;width: 292rpx!important;
  margin: 30rpx auto;color: #2CBF8E;
  border-radius: 0!important;
  }
  2022-04-28
  赞
  回复
  关闭
  请选择投诉理由
  广告内容
  违法违规
  恶意灌水内容
  其他
- 铅笔Naruto
  2022-04-28回复Demons
  加粗
  标红
  插入代码
  插入链接
  插入图片
  上传视频
  请登录后发表内容
  关闭
  新增或编辑超链接
  链接地址
  确认取消
  关闭
  插入视频
  视频链接
  确认取消
  发表
  在矩形的边框下，左边的border直接没了
  你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
  待楼主反馈
  2022-04-28
  赞
  回复
  关闭
  请选择投诉理由
  广告内容
  违法违规
  恶意灌水内容
  其他
- Demons
  2022-04-28回复铅笔Naruto
  加粗
  标红
  插入代码
  插入链接
  插入图片
  上传视频
  请登录后发表内容
  关闭
  新增或编辑超链接
  链接地址
  确认取消
  关闭
  插入视频
  视频链接
  确认取消
  发表
  请具体描述问题出现的流程，并提供能复现问题的简单代码片段（https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html）。
  你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
  待楼主反馈
  2022-04-28
  赞
  回复
  关闭
  请选择投诉理由
  广告内容
  违法违规
  恶意灌水内容
  其他
查看更多(8)
关闭
请选择投诉理由
广告内容
违法违规
恶意灌水内容
其他
谜
2023-02-20
加粗
标红
插入代码
插入链接
插入图片
上传视频
请登录后发表内容
关闭
新增或编辑超链接
链接地址
确认取消
关闭
插入视频
视频链接
确认取消
发表
给元素添加样式：transform: rotateZ(360deg)
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
待楼主反馈
2023-02-20
有用 2
回复
关闭
请选择投诉理由
广告内容
违法违规
恶意灌水内容
其他