html - 自动缩放 iOS 7 中的方向更改

Question

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

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

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

我已经有了以下元标记(以确保我们阻止缩放):

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

知道是什么导致了这种尴尬的行为吗？

Answer 1

“损坏的布局”到底是什么意思？ 我想看截图!

我在我的网站上看到的唯一一件事是，随着内容长度的变化，表单元素从 View 中消失了。我在谈论响应式设计。 也许有一个 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;" />');
});