设计移动-Java 学习之路

我正在努力使我的网站适应移动设备，到现在为止我已经迷失了方向 .

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

没有页眉和页脚的第一个（t3）似乎适合真正的iPhone和HTC的屏幕宽度，但不适用于我的Opera Galaxy或HTC的Opera Mobile Emulator，也不适用于我的iPhone（¿3？）模拟器 .

第二个（t4）页眉和页脚（这是我真正想要的）为页眉和页脚做了很大的扩展，并为主要内容保留了一个狭窄的形式和小字体，这发生在真正的iPhone，HTC和我的Opera Mobile Emulator，而不是我的Iphone（¿3？）模拟器 .

问题是，如果我没有忘记任何，没有任何宽度属性设置（表单输入和标签除了200px宽度），所以所有div应跨越到设备的屏幕宽度，或者这就是我的想法 .

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

我的目标是外翻适合移动屏幕宽度 . 你能帮我或指点一篇好的和最新的移动设计文章吗？我找到的是几岁 .

谢谢

1 回答