CSS在Safari中看起来很时髦移动

Question

以下是我网站上的两张图片（overrealmgame.com/Database），第一张来自Chrome（应该如何看），第二张来自移动设备。正如你所看到的，它不是以中间为中心，而是固定在左边。知道CSS更改会解决这个问题吗？感谢。

Chrome Version

Mobile Version

CSS：

 # get the values which are not 2
 diffs,_ = tf.setdiff1d(some_values, tf.convert_to_tensor([2]))
 > print(sess.run(diffs))  # results: array([1, 3, 4], dtype=int32)
 # check if 2 exist in the list some_values
 final_diff, _= tf.setdiff1d(some_values, diffs)
 > print(sess.run(final_diff))  # results: array([2], dtype=int32)

Answer 1

我认为问题是因为保证金：自动。基本上在台式机中，两侧都有自由空间，因此边距使其居中。在移动设备上，没有任何可用空间，因此它没有任何空间。看起来您的商品的大小也超过了父容器的大小。所有这些事情共同造成了问题。我无法看到页面其余部分的样式，但看起来您的组件不是您认为的大小。我建议做的是打开开发工具并检查元素。它应该告诉你每个项目在屏幕上有多少空间以及项目的边距/填充。这应该可以帮助您开始了解为什么会发生这种情况。如果您使用桌面上的移动版本调试而不是实际从手机中打开它，它也会有所帮助。 Chrome可以选择以其他设备的形式查看。