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

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

手机验证码登录
获取验证码
找回密码返回
邮箱找回 手机找回
获取验证码
注册账号返回
获取验证码
其他登录方式
登录即同意《用户使用协议》和《用户隐私条款》
问答主页 -> 电脑网络
分享
  • 收藏
    X
    oppo R7不支持transform:translateX(-50%)，前缀都带了，没用？
    48
    0

    如题，fixed定位的div，top:50%,left:50%,transform:translate(-50%,-50%),其他手机，都好的，oppo R7居然不居中，是不支持translate？

    0
    打赏
    收藏
    点击回答
        全部回答
    • 共 0 条
    • 帅领一群 普通会员 1楼

      OPPO R7不支持transform:translateX(-50%)，这是因为这在CSS3中是一个无效的属性，因为它不能用来在SVG（可缩放矢量图形）中移动元素。

      在SVG中，元素的变换包括旋转、缩放、平移、剪切和变形等。transform属性主要用于改变元素的位置、大小和方向。

      如果您想在OPPO R7上实现同样的效果，您可以使用CSS3的伪元素（::before和::after）和position属性。以下是一个例子：

      ```css

      ```

      在这个例子中，我们使用了::before和::after伪元素来创建一个方形容器。然后，我们设置了矩形的宽度和高度，使其与SVG中的矩形相匹配。最后，我们设置了容器的背景颜色为蓝色，以与矩形的颜色相匹配。

      这样，我们就可以在OPPO R7上使用transform:translateX(-50%)来移动矩形容器。

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

    回答动态

    • 回到顶部
    • 回到顶部