如何正确修复跨桌面和移动浏览器的 CSS 不一致？

Question

我正在使用GGS responsive grid (CSS) 设计this login form，尽管它在桌面浏览器上看起来很酷，但它在移动浏览器（例如 Android 网络浏览器、Mobile Safari 等）中却很糟糕。我应该如何正确解决这种不一致？

_{上图：Mobile Safari 中的布局中断（左），但在 Chrome 等桌面浏览器中没有（右）。}

Answer 1

我通过从按钮中删除 width 参数解决了这个问题，因为在移动分辨率下，移动浏览器和桌面浏览器对它的解释似乎有所不同。