【问题标题】:layout visual issues from vertical to landscape orientation on smartphones智能手机上从垂直到横向的布局视觉问题
【发布时间】:2015-01-17 20:03:39
【问题描述】:

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

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

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

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

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

【问题讨论】:

    标签: android html css responsive-design screen-orientation


    【解决方案1】:

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

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

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

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

    我解决了这个问题。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2013-04-03
      • 1970-01-01
      • 2012-07-02
      • 2011-11-18
      • 2011-11-19
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多