
下面是在 Chrome83 中的表现 https://i.loli.net/2020/06/15/r8P14oGEFQRCHbX.png
下面是在 Chromium85 中的表现 https://i.loli.net/2020/06/15/AtKjT3QeUwkVcD4.png
下面是在 QQ 浏览器 PC 中的表现 https://i.loli.net/2020/06/15/wM3LBEdWbz8mgKq.png
下面是在微信开发者工具中的表现 https://i.loli.net/2020/06/15/93gy6vK28zUh14l.png
下面是在微信 v7.0.15 浏览器中的表现 https://i.loli.net/2020/06/15/kEq3T4HbK8xwuMm.jpg
下面是源代码 index.html
<!DOCTYPE html> <html lang="zh-CH"> <head> <meta charset="UTF-8" /> <meta name="viewport" cOntent="width=device-width, initial-scale=1.0" /> <title>Document</title> <style> html{ font-size: 20px; } .wrapper{ position: relative; height: 200px; width: 200px; background-color: pink; } .inner{ zoom: .5; position: absolute; left: 10rem; width: 1rem; height: 1rem; background-color: purple; } </style> </head> <body> <div class="wrapper"> <div class="inner"> </div> </div> </body> </html> 1 xoyimi OP 似乎在移动端和某些浏览器( qq 浏览器基于 chrome70 ),zoom 属性不生效? |
3 xoyimi OP 将移动版 chrome 升级到 83 之后,浏览器表现和 PC 版一致,初步判断,这是在低版本 chrome 中的一个 bug,如今已修复。哭唧唧 |