c# - How to auto adjust the screen on Mobile

Question

I developed the mobile website on Jquery Mobile and C#. It is working but the problem is that when I run it on to the mobile the screen is not automatically adjusting the form in to the screen. The data on the form expand from the screen and making an horizontal scroll which is not needed.

What can I do so the horizontal scroll disappear and the form auto adjust in to the screen.

Answer 1

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

CSS：

 html,body { overflow-x: hidden; }

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