Css 手机设计

我正在尝试为手机调整我的网站，现在我已经完全迷失了方向

我有两个测试页面，t3.html和t4.html

第一个（t3）没有页眉和页脚，似乎适合真正的iPhone和HTC的屏幕宽度，但在我的Opera手机模拟器三星Galaxy或HTC上，也不是在我的iPhone（？3？）模拟器上

第二个（t4）带有页眉和页脚（这是我真正想要的），页眉和页脚的宽度很大，主要内容的形式很窄，字体很小，这发生在真实的iPhone、HTC和我的Opera Mobile Emulator中，而不是在我的iPhone（？3？）Emulator中

问题是，如果我没有忘记的话，没有设置任何宽度属性（除了表单输入和标签，它们的宽度接近200px），所以所有div都应该扩展到设备的屏幕宽度，或者我就是这么认为的

例如： http://s380890671.mialojamiento.es/mobile/t4.html

我的目标是让所有东西都适合移动屏幕的宽度。你能帮我看一篇好的最新的手机设计文章吗？我找到的是几年前的

---

谢谢

Smashing杂志在移动网络开发的许多方面都有丰富的资源

本概览精选了与移动设备设计和开发相关的最有用和最受欢迎的Smashing杂志文章，并对这些文章进行了精心挑选和组织：

---

为什么不试试jquerymobile（）？为什么？我读到的是它是jQuery的一个子集，但我没有读到任何关于设计的内容。只要访问该站点并查看示例，您将使用任何脚本语言（如PHP）构建该站点。也可以这么看，它似乎很管用，但问题是它使用了自己的jquery css，我正处于设计的高级阶段，所以我更希望能说明如何修复自己的设计，无论如何，我会继续使用它。非常感谢。