css - 当我使用 iphone 缩放时，页面 CSS “中断”

Question

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

如果您尝试使用 Internet 浏览器进行缩放，则效果很好。iphone不行。

谁能告诉我我做错了什么/指向正确的方向？

Answer 1

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

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