2009-10-05 45 views
2

您如何使您的网站在标准浏览器和各种可用移动设备上看起来不错?为移动设备设计网页界面

目前我试图让我的布局调整大小,使其为小型设备正常工作,或者提供用于移动设备的独立的CSS之间犹豫不决。 我的用例是一个国际象棋游戏,我希望整个棋盘都可以不滚动。

你会怎么推荐?

回答

1

基本上没有简单的方法来做到这一点,你可以使用最先进的手机CSS来控制输出,但需要调整图像显示在手机上,才为所有的手机有不同的屏幕尺寸。

我所遇到的移动设计中处理的最佳地点是:http://patterns.littlespringsdesign.com/index.php/Main_Page

+0

访问该网页被拒绝。我也试过www.littlespringdesigns.com - 同样的事情 – 2014-11-19 15:10:14

1

在此特定情况下,它听起来像理想的视角可能是值得特别定位移动设备。

1

我会推荐CSS方法。否则,我担心你会有一个界面,只会看起来足够,而且在这方面只有平庸。

您不希望您的网站看起来像它破坏了一个观众或其他。

1

,如果你意识到你有多大问一个问题,我不知道 - “在各种移动设备”?这是很多设备,很多解决方案以及很多错误和局限性,从iPhone可以处理任何普通的浏览器可以处理的事情,到小小的黑白屏幕。

从理论上讲,你可以写不同的CSS瞄准手持设备

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

,但就个人而言,如果你想支持大量我认为检测设备装置,并试图喂它它可以处理的代码是唯一真正的解决方案。

你可以开始寻找这个问题有多大通过获取WURLF这是关于不同设备及其功能的细节一个13MB的XML文件。