android - 智能手机上从垂直到横向的布局视觉问题

Question

当我将设备从垂直方向转到横向方向时，我正在使用 android 系统在三星智能手机上试验一些视觉问题，查看我正在为我的网站编写的布局。

在一种情况下，绿色按钮不遵守它们的高度参数，因此按钮的高度变得太长，失去了圆形的形状，在另一种情况下，最后一个按钮失去了包含的图像，按钮变得扁平，一些像素的高度但正确的宽度。其他按钮正确呈现。

我在使用 iOS 设备时没有观察到此类问题。

我找不到原因，需要修复这个响应式错误。

使用在线模拟器未报告任何问题。

Answer 1

所以问题出在其中一个 CSS 的以下代码中:

input.menubtn {
    width: 80%;
    height: 80%;
}

我不知道为什么，但在 samsnug 上使用这种代码，android 可以处理报告的问题，但使用以下代码:

input.menubtn {
    width: 80%;
    height: auto;
}

我解决了这个问题。