移动网站(分辨率和语义)

时间:2011-12-09 00:00:51

标签: iphone html mobile

我最近被要求组建一个Flash网站。自从我这样做以来,我当然需要跟进可以使用手持设备等的姐妹网站。

我把一个网站放在一起,例如,看起来很棒的黑莓手机,但iPhone的分辨率非常好,以至于该网站看起来很微观。处理这些分辨率差异的优雅方法是什么?

另外,我只是使用PHP来检查浏览器类型并根据它来提供不同的页面,我实际上并没有制作移动子域或使用特殊的移动代码..那些日子过得对吗?或者我是通过将其视为一个正常但不同的网站来实施语义犯罪?

感谢大家的投入。

1 个答案:

答案 0 :(得分:1)

CSS Media Queries专门用于解决此问题。

查看Responsive Web Design over at A List Apart

上的文章

示例网站: A List Apart CSS Media Query Example
另一个很棒的示例/教程http://webdesignerwall.com/tutorials/css3-media-queries
另一个: http://hicksdesign.co.uk/
另一个: http://colly.com/

调整此窗口的宽度和高度以查看媒体查询正在执行的操作。 (另外,查看底层的CSS)