如何自动调整手机上的屏幕

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; } 
}