我正在努力使我的网站适应移动设备，现在我已经迷失了方向。
我有2个测试页，t3.html和t4.html。
没有页眉和页脚的第一个（t3）似乎适合真正的iPhone和HTC的屏幕宽度，但不适用于我的Opera Gala Emulator或HTC的Opera Mobile Emulator，也不适用于我的iPhone（¿3？）模拟器。 / p>
第二个（t4）页眉和页脚（这是我真正想要的）为页眉和页脚提供了一个很大的宽度，并为主要内容保留了一个狭窄的形式和小字体，这发生在真正的iPhone中， HTC和我的Opera Mobile Emulator，而不是我的Iphone（¿3？）模拟器。
问题是，如果我没有忘记任何，没有任何宽度属性设置（表单输入和标签除了200px宽度），所以所有div应该跨越到设备的屏幕宽度，或者那个我的想法。
示例如下： http://s380890671.mialojamiento.es/mobile/t3.html http://s380890671.mialojamiento.es/mobile/t4.html
我的目标是外翻适合移动屏幕宽度。你能帮我或指点一篇好的和最新的移动设计文章吗？我找到的那些是几岁。
谢谢
答案 0 :(得分：0)
Smashing Magazine在移动网络开发的许多方面都有很好的资源。
概述包含精选和有组织的选项，包括最有用和最受欢迎的Smashing Magazine与移动设备设计和开发相关的文章：
http://www.smashingmagazine.com/guidelines-for-mobile-web-development