一个针对多个平台的网站(桌面+平板电脑+手机)

时间:2011-07-07 20:29:50

标签: html css mobile cross-browser

我为一个更“理论化”的问题道歉,尽管我认为这更像是一个“行业现状”的问题:我对构建一个旨在针对多个平台的网站的可选方案感到好奇(桌面浏览器+触摸屏设备,如平板电脑和智能手机)。

像CSS3媒体查询这样的技术使我们能够根据屏幕尺寸(以及其他内容)格式化我们的内容,这很棒 - 但其他功能呢?例如,触摸事件 - 这些仍然会变得非常粘,具体取决于您要定位的设备等。那么是否可以构建一个网站来定位所有这些平台?或者是否仍然需要/更好地使用设备检测脚本重定向到用于触摸屏的站点版本(Apple设备或其他)?或许,它取决于你想做什么?是否画了一条线,一旦划掉,就需要制作一个单独版本的网站?有人愿意分享他们的经历吗?

1 个答案:

答案 0 :(得分:1)

这完全取决于您的网站功能的复杂程度以及它们与离线或在线版本的区别。

有时最好制作一个完全不同的网站版本并重定向到它,有时,页面上的一些触摸屏调用不会对桌面用户产生任何不同,而移动设备会看到不同的内容。

要看的一个好例子是Wordpress的WP-Touch插件。虽然您有常规浏览器的wordpress版本,但它会调整PHP,为移动用户提供完全不同的移动体验。

如果您有耐心,资源和时间从常规网站制作合适的移动网站,那就去做吧!如果不这样做,不同的样式表和一些正确编码的触摸事件可以锁定交易