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

Question

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

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

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

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

使用联机模拟器未报告任何问题。

Answer 1

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

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

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

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

我解决了问题。