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

Question

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

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

我在使用 iOS 设备时没有发现此类问题。

我找不到原因，需要解决这个响应错误。

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

Answer 1

所以问题在于其中一个 CSS 的以下代码：

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

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

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

我解决了这个问题。