设计移动设备的Web界面

Question

如何在标准浏览器和可用的各种移动设备上使网站看起来不错？

目前，我不确定要调整布局的大小以使其适用于小型设备，还是为移动设备提供单独的CSS。 我的用例是一个国际象棋游戏，我希望整个面板都可用而不向下滚动。

你会推荐什么？

Answer 1

在这种特殊情况下，听起来似乎是最佳观看方式，可能值得专门针对移动设备。

Answer 2

我建议使用CSS方法。 否则，我担心您将拥有一个仅在这两个方面看起来都足够，并且在此方面仅中等的接口。

您不希望自己的网站看起来像对一个或其他受众群体的危害。

Answer 3

我不知道您是否意识到自己在问一个大问题-“各种移动设备”？ 从iPhone（可以处理普通浏览器可以处理的所有内容）到小小的黑白屏幕，一路都有很多设备，很多分辨率以及很多错误和局限性。

从理论上讲，您可以编写单独的CSS来定位手持设备

<LINK REL="stylesheet" TYPE="text/css" MEDIA="handheld" HREF="handheld.css">

但是就我个人而言，如果您想支持大量设备，我认为检测设备并尝试将其提供的代码作为唯一真正的解决方案。

您可以通过获取WURLF开始查看问题的严重程度， WURLF是一个13MB的XML文件，其中包含有关不同设备及其功能的详细信息。

Answer 4

基本上没有简单的方法可以执行此操作，您可以在大多数现代手机上使用CSS来控制输出，但是由于所有手机的屏幕尺寸都不同，因此您需要调整图片大小后才能在手机上显示。

我在移动设计领域遇到的最好的网站是： http : //patterns.littlespringsdesign.com/index.php/Main_Page

Answer 5

尝试使用Google全新的“ 移动友好”测试工具来评估您的网站1