如何在Mobile上自动调整屏幕

Question

我在Jquery Mobile和C＃上开发了移动网站。它正在工作，但问题是，当我将它运行到移动设备时，屏幕不会自动调整窗体中的窗体。表单上的数据从屏幕扩展并进行不需要的水平滚动。

我该怎么办，水平滚动消失，表格自动调整到屏幕。

Answer 1

使用@media CSS查询来定位具有可预测的较小屏幕尺寸的移动浏览器。

CSS：

 html,body { overflow-x: hidden; }

 @media (max-width: 700px) {
    // mobile-specific CSS goes here...
    html { font-size: 14px; }
 }