我正在努力使我的网站适应移动设备,但现在我已经迷失方向了。
我有 2 个测试页面,t3.html 和 t4.html。
没有页眉和页脚的第一个 (t3) 似乎适合真实 iPhone 和 HTC 的屏幕宽度,但不适合我的三星 Galaxy 或 HTC 的 Opera 移动模拟器,也不适合我的 iPhone (3?) 模拟器。
第二个 (t4) 带有页眉和页脚(这是我真正想要的)使页眉和页脚变宽,并为主要内容保留窄的形式和小字体,这发生在真正的 iPhone 中, HTC 和我的 Opera 移动模拟器,而不是我的 Iphone(3?)模拟器。
问题是,如果我没有忘记的话,没有设置任何宽度属性(除了表单输入和标签,它们的宽度接近 200px)所以所有的 div 应该跨越设备的屏幕宽度,或者那是我的想法。
例子是: http://s380890671.mialojamiento.es/mobile/t3.html http://s380890671.mialojamiento.es/mobile/t4.html
我的目标是一切都适合移动屏幕的宽度。你能帮我或指点我一篇好的和最新的移动设计文章吗?我找到的那些都是几年前的。
谢谢
最佳答案
Smashing Magazine 在移动网络开发的许多方面都有丰富的资源。
概览精选了 Smashing Magazine 与移动设备设计和开发相关的最有用和最受欢迎的文章:
http://www.smashingmagazine.com/guidelines-for-mobile-web-development
关于css - 移动设计,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9599287/