0

在 Apple 今天推出 iOS 7 之前，我有一个运行良好的网页，当屏幕方向改变时，它破坏了布局。

基本上，当我将焦点放在文本区域并将屏幕旋转到横向视图时，整个页面都会放大。如果焦点从文本区域移出并返回到纵向，则一切恢复正常。

当文本区域没有焦点时，旋转也很有效。

我已经有了以下元标记（以确保我们阻止缩放）：

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0;;">

任何想法是什么导致了这种尴尬的行为？

4

1 回答 1

0

“破碎的布局”到底是什么意思？我想看截图！

我在我的网站上看到的唯一一件事是，随着内容长度的变化，表单元素正在消失。我在谈论一个响应式的设计。也许有一个JS来解决这个问题......

我不会阻止网站的缩放，除非它是模拟应用程序的工具或客户想要它。;)

但是当使用 jQuery 或 JS 聚焦表单元素时，如果不使用 jQuery，我会阻止标准缩放！

$("input[type=text], textarea, select").focus(function(){
        $('head meta[name=viewport]').remove();
        $('head').prepend('<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0;" />');
     }).blur(function(){
        $('head meta[name=viewport]').remove();
        $('head').prepend('<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=1;" />');
});
于 2013-09-25T14:13:09.583 回答