Javascript 如何使用css、jQuery为所有设备设置固定屏幕？

我正在使用jquery、javascript、Html5和css开发小型移动应用程序（问答游戏）。我使用phone gap转换android、ios、windows等应用程序，而在手机上测试时，我的屏幕不是固定的，而且尺寸更大。字体大小也不灵活。有人能帮我纠正这个问题吗

是否有任何可能的方法来获取要应用的设备的默认字体大小

我的媒体查询代码如下：

@media only screen    
and (min-device-width : 320px)    
and (max-device-width : 480px) {

    /* STYLES GO HERE */    
    .container { font-size:12px; background-color:#F00; }

}

---

很可能是因为

container

不是一个元素，它很可能是一个类（如果是这样的话，你可以使用

.container{…}

）或者一个ID（

#container{…}

），即使更改它也不会给我任何更改？为什么不使用body{}要指定基本的外观，然后使用类/id名称向下搜索？此外，对于宽度/高度，您必须指定widht:100%和height:auto，以使其适应您设置的媒体屏幕。在身体里是最好的@WickStargazer您的建议是错误的，因为主体会自动调整大小，默认情况下所有元素的高度都是“自动”，而默认情况下所有

block

元素的宽度都是100%。我不知道你在说什么about@user3566029您必须为我们提供更多代码才能提供帮助