您如何使您的网站在标准浏览器和各种可用移动设备上看起来不错?为移动设备设计网页界面
目前我试图让我的布局调整大小,使其为小型设备正常工作,或者提供用于移动设备的独立的CSS之间犹豫不决。 我的用例是一个国际象棋游戏,我希望整个棋盘都可以不滚动。
你会怎么推荐?
您如何使您的网站在标准浏览器和各种可用移动设备上看起来不错?为移动设备设计网页界面
目前我试图让我的布局调整大小,使其为小型设备正常工作,或者提供用于移动设备的独立的CSS之间犹豫不决。 我的用例是一个国际象棋游戏,我希望整个棋盘都可以不滚动。
你会怎么推荐?
基本上没有简单的方法来做到这一点,你可以使用最先进的手机CSS来控制输出,但需要调整图像显示在手机上,才为所有的手机有不同的屏幕尺寸。
我所遇到的移动设计中处理的最佳地点是:http://patterns.littlespringsdesign.com/index.php/Main_Page
在此特定情况下,它听起来像理想的视角可能是值得特别定位移动设备。
我会推荐CSS方法。否则,我担心你会有一个界面,只会看起来足够,而且在这方面只有平庸。
您不希望您的网站看起来像它破坏了一个观众或其他。
,如果你意识到你有多大问一个问题,我不知道 - “在各种移动设备”?这是很多设备,很多解决方案以及很多错误和局限性,从iPhone可以处理任何普通的浏览器可以处理的事情,到小小的黑白屏幕。
从理论上讲,你可以写不同的CSS瞄准手持设备
<LINK REL="stylesheet" TYPE="text/css" MEDIA="handheld" HREF="handheld.css">
,但就个人而言,如果你想支持大量我认为检测设备装置,并试图喂它它可以处理的代码是唯一真正的解决方案。
你可以开始寻找这个问题有多大通过获取WURLF这是关于不同设备及其功能的细节一个13MB的XML文件。
尝试谷歌的新Mobile friendly test工具来评估您的网站1
访问该网页被拒绝。我也试过www.littlespringdesigns.com - 同样的事情 – 2014-11-19 15:10:14