公告列表
公告列表
收藏
回答

input组件在开发者工具中（设备选择ipad）字体总是显示不完全的原因？

这是一个很简单的input框。但是不管怎么写样式，字体下面总会被砍掉一截。

环境：开发者工具-ipad

复现代码片段：https://developers.weixin.qq.com/s/LUjgdym47vcd


回答关注问题邀请回答
收藏

3 个回答

  • 墨染的天空
    墨染的天空
    2019-11-01

    padding: 0  10rpx;

    2019-11-01
    有用
    回复
  • Listen
    Listen
    2019-11-01


    .form input {
      border: 1px solid #ccc;
      margin-bottom: 28rpx;
      border-radius: 6rpx;
      font-size: 28rpx;
      display: flex;
      align-items: center;
      height: 50rpx;
    }

    善用flex布局



    2019-11-01
    有用
    回复 2
    • 青玉🚗
      青玉🚗
      2019-11-01
      感谢！确实解决了问题。有想过换flex试试，但觉得一个input框好像没必要。就调了高度，行高等，最后死磕还是不行。不知道这算不算input组件的一个bug。
      2019-11-01
      赞
      回复
    • Listen
      Listen
      2019-11-01回复青玉🚗
      现在都用box-sizing:border-box这个属性
      不要用padding去撑高、撑宽元素
      至少我的项目是这样的
      2019-11-01
      赞
      回复
  • 原点的原点
    原点的原点
    2019-11-01

    设置行高呢？

    2019-11-01
    有用
    回复 6
    • 青玉🚗
      青玉🚗
      2019-11-01
      完全没用
      2019-11-01
      赞
      回复
    • 原点的原点
      原点的原点
      2019-11-01回复青玉🚗
      给定高度
      2019-11-01
      赞
      回复
    • 青玉🚗
      青玉🚗
      2019-11-01回复原点的原点
      也没用    都试过了    就是在ipad  ipad Pro会这样       我觉得是开发者工具的bug   手边也没有ipad真机    不知道上真机会不会这样
      2019-11-01
      赞
      回复
    • 原点的原点
      原点的原点
      2019-11-01回复青玉🚗
      其他机型也会有问题，我也遇到过
      2019-11-01
      赞
      回复
    • 青玉🚗
      青玉🚗
      2019-11-01回复原点的原点
      那你怎么解决的
      2019-11-01
      赞
      回复
    查看更多(1)
请 登录 后发表内容
相关问题
相关文档
问题标签
input代码开发者工具字体样式