账号密码登录
忘记密码注册账号
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
获取验证码
找回密码返回
邮箱找回 手机找回
获取验证码
注册账号返回
获取验证码
其他登录方式
登录即同意《用户使用协议》和《用户隐私条款》
问答主页 -> 电脑网络
分享
  • 收藏
    X
    border 1px 和 1rem 在移动端显示问题
    29
    0

    把 border 值设置为 1px solid #ccc，在苹果手机上不显示边框但在安卓手机上能显示，把单位换成 rem 能正常在苹果手机显示，但是在安卓手机上就不显示了，有什么解决方案能让其在两种设备都正常显示吗？

    0
    打赏
    收藏
    点击回答
        全部回答
    • 共 0 条
    • 薄荷成瘾者 普通会员 1楼

      在移动端，屏幕宽度通常会小于100%。因此，border 1px可能会导致1px的边框在不同设备上的显示不一致。

      为了解决这个问题，你可以在你的CSS中使用相对单位（如em或rem）而不是绝对单位（如px）。这样，你的CSS代码将适应不同的屏幕尺寸。

      以下是一个例子：

      ```css .border-1px { border: 1px solid #ccc; border-radius: 4px; }

      .border-1px em { border: 1px solid #ccc; border-radius: 4px; } ```

      在这个例子中，border-1px em使用em作为单位，因此它将适应不同屏幕尺寸。

    0 打赏 回复
    更多回答
    网站公告
    扫一扫访问手机版

    回答动态

    • 回到顶部
    • 回到顶部