为移动端设计

Question

我正试着让我的网站适应移动设备，但现在我已经完全迷失了方向。

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

第一个(没有页眉和页脚的t3)似乎适合真正的iPhone和宏达电的屏幕宽度，但不适合我的三星Galaxy或宏达电Opera Mobile Emulator，也不适合我的iPhone (？3？)模拟器。

第二个(t4)有页眉和页脚(这是我真正想要的)，让页眉和页脚变得很宽，并为主要内容保留了一个窄的表单和很小的字体，这在真正的iPhone，HTC和我的Opera Mobile Emulator中发生了，而不是在我的iPhone3？)模拟器。

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

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

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

谢谢

Answer 1

Smashing在移动web开发的许多方面都有很好的资源。

该概述精选并整理了Smashing上与移动设备设计和开发相关的最有用和最受欢迎的文章：

http://www.smashingmagazine.com/guidelines-for-mobile-web-development