gpt4 book ai didi

css - 移动设计

转载 作者:行者123 更新时间:2023-11-28 14:10:03 26 4
gpt4 key购买 nike

我正在努力使我的网站适应移动设备,但现在我已经迷失方向了。

我有 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.htmlhttp://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/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com