以不同的方式缩放 Css

问：

所以我一直在使用 html 和 css，我似乎无法解决 css 在浏览器之间以不同方式缩放的问题，我想将三个 div 合并在一起，但不知何故它似乎可以在三星的默认浏览器中工作，但当我转移到 chrome mobile 时，它的缩放方式不同。 下面是一个示例屏幕截图三星默认浏览器

虽然这是 chrome 的图片：chrome mobile

这是我的css：

div.topleft {
  position: fixed;
  left: 0;
  top: 0;
  border: 4px solid black;
  width: 8em;
  height: 10em;
  margin-top: 3rem;
}
div.topcenter {
  position: fixed;
  left: 8.4em;
  top: 0;
  border: 4px solid black;
  width: 8.5em;
  height: 10em;
  margin-top: 3rem;
}
div.topright {
  position: fixed;
  right: 0;
  top: 0;
  border: 4px solid black;
  width: 8em;
  height: 10em;
  margin-top: 3rem;
}

感谢您的任何修复和建议。