【问题标题】:resize window when keyboard displayed on mobile phone在手机上显示键盘时调整窗口大小
【发布时间】:2013-02-05 21:06:14
【问题描述】:

我开发了该网站的移动版本。按照响应式设计的原则,块大小是一个百分比。

html,正文{ 宽度:100%; 高度:100% }

输入框有焦点或何时出现虚拟键盘。由于屏幕高度减小,其他单元的大小也减小(以主体百分比表示)。我怎样才能避免这种情况?我怎样才能避免这种情况?即块高度必须从设备屏幕的高度计算。谢谢。

【问题讨论】:

    标签: html css mobile


    【解决方案1】:

    height: 100% 有什么特别的原因吗?你只需要布局来适应屏幕的宽度,而高度很可能是height:auto;

    【讨论】:

    • 高度必须为 100%。否则无法指定物体相对于其他物体的高度(以百分比为单位)。
    • 我的问题(应该在评论中,但我没有特权:/),你为什么需要?您是否不希望您的对象根据您放入其中的内容而向下缩放,而不是根据设定值具有高度?也许有人会提出更好的答案,但与此同时,您能否在 JSFiddle 中向我展示一个内容需要预设高度的场景?
    • 需要标记以下页面。我不知道如何为移动设备做到这一点,没有指定所有百分比(响应式网页设计)[1]:i.stack.imgur.com/bkXmc.png
    • 我知道你可以通过巧妙地使用padding:xx%;margin:xx%; 对流程中的项目进行此操作。顺便说一句,设计上的道具,看起来很邪恶 :) 可能会有更简单的解决方案来解决您的问题(允许 height: 100%,但我不知道有任何问题。抱歉。
    猜你喜欢
    • 1970-01-01
    • 2019-02-22
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-07-12
    • 1970-01-01
    相关资源
    最近更新 更多