【问题标题】:textbox width issue display on IphonesiPhone上的文本框宽度问题显示
【发布时间】:2015-10-08 10:01:15
【问题描述】:

我是这个论坛的新成员,这是我的第一篇文章。

几周以来,我一直在为我的私人网站的响应式登录而苦苦挣扎。

我已经对登录页面进行了编码,它可以适应任何移动宽度。我在显示登录页面方面取得了一些成功,并在许多设备上正确显示,除了 Iphone 设备。

我注意到用户名和密码的文本框将继续向右,就好像它有更高的宽度一样。我的意思是它会从它的父 div 中掉出来。

我使用我主要关注的设备创建了一张图片,并显示了 iPhone 的问题。

Click here to see the image.

也许我错过了 iphone 的一个特定特性,我需要将它放在我的 css 代码中。

有什么想法吗?

【问题讨论】:

  • iphone 的宽度一般为 320 像素。这有帮助吗?
  • 是的,我知道这一点,因为我针对许多设备,以避免多个媒体查询改变宽度,所以我只使用百分比。
  • 这是一个懒惰的错误。你只需要 3 个媒体查询,也许 4 个

标签: iphone responsive-design textbox width


【解决方案1】:

我设法解决了我自己的问题。在更改了所有 CSS 属性并像我不知道自己在做什么一样玩耍之后。简单的解决方案是将文本框的宽度减少 5%,仅适用于 iphone 哈哈。我不敢相信我花了这么长时间才弄清楚。这就是我喜欢编码的原因。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-11-09
    • 1970-01-01
    • 2013-11-30
    • 2012-12-11
    • 1970-01-01
    相关资源
    最近更新 更多