我很好奇如何使网站适用于移动设备。那么最佳尺寸是什么？如何让网站识别出用户是否在使用移动设备？此外，我需要限制哪些设计和编码方面的内容，以使页面更加流畅、加载速度更快...
3个回答
5
这里其实有两种主要的学派，取决于你的受众：
如果你谈论的是当前的移动浏览器，市场上大部分人使用的都是像iPhone、Android变体、Palm Pre等功能完备的浏览器。这些浏览器可以处理复杂的javascript和现代css。对于这个群体，你主要需要关注的是简化布局以适应非常有限的页面宽度（>800px），最小化需要加载的数据量（因为移动连接可能非常慢），并优化字体大小和行高以提高可读性。
然而，在发展中国家（非洲、南美、亚洲部分地区），移动浏览非常重要，但硬件能力落后于5-10年。移动互联网是这些地区获取信息的主要手段，但你真的需要像1999年那样编写HTML（当然，不包括表格）。保持你的标记非常干净和简单，限制任何花哨的样式，不依赖javascript、flash或其他任何东西。
对于这种类型的受众，你应该非常关注你的页面在没有任何样式表的情况下看起来是什么样子。语义化标记至关重要。当然，你将能够对其进行样式设置，但尽可能保持最小化。
希望这些基本想法能为你提供帮助。
如果你谈论的是当前的移动浏览器，市场上大部分人使用的都是像iPhone、Android变体、Palm Pre等功能完备的浏览器。这些浏览器可以处理复杂的javascript和现代css。对于这个群体，你主要需要关注的是简化布局以适应非常有限的页面宽度（>800px），最小化需要加载的数据量（因为移动连接可能非常慢），并优化字体大小和行高以提高可读性。
然而，在发展中国家（非洲、南美、亚洲部分地区），移动浏览非常重要，但硬件能力落后于5-10年。移动互联网是这些地区获取信息的主要手段，但你真的需要像1999年那样编写HTML（当然，不包括表格）。保持你的标记非常干净和简单，限制任何花哨的样式，不依赖javascript、flash或其他任何东西。
对于这种类型的受众，你应该非常关注你的页面在没有任何样式表的情况下看起来是什么样子。语义化标记至关重要。当然，你将能够对其进行样式设置，但尽可能保持最小化。
希望这些基本想法能为你提供帮助。
- Gabriel Hurley
1
为了使界面用户友好，我建议您使用jQuery Mobile。
- a.ilic
1
3虽然此链接可能回答了问题，但最好在此处包含答案的必要部分并提供链接以供参考。如果链接页面更改，则仅有链接的答案可能会失效。 -[来自审查] ( /review/low-quality-posts/34489543) - user16217248
网页内容由stack overflow 提供, 点击上面的可以查看英文原文，
原文链接
原文链接