css - 当我用 iphone 缩放时页面 CSS "breaks"

Question

我花了一整天在我的博客页面上强制输入一个表单，在验证它适用于所有浏览器后，我转到我的 iphone ......当我用我的 iphone 缩放时，表单中断并遍及整个页面.这似乎是我不能放过的事情，因为人们需要一直使用微型 iPhone 进行缩放。 Please see ，你可以看到左浮动的形式。

如果您尝试使用 Internet 浏览器进行缩放，效果会很好。 Iphone 它不起作用。

任何人都可以告诉我我做错了什么/指出正确的方向吗？

Answer 1

我建议您禁用 iPhone 上的固定定位，因为它对您没有任何好处(它会使表单无法使用)。

@media only screen and (min-width : 320px) and (max-width : 560px) {
    #signup {
        position: static;
    }   
}