html - 一个网站针对多个平台(台式机 + 平板电脑 + 移动设备)

Question

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

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

Answer 1

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

有时制作一个完全不同的网站版本并重定向到它会更好，有时，页面上的一些 touchevents 调用不会对桌面用户产生任何影响，而移动设备会看到一些不同的东西。

一个值得关注的好案例是 Wordpress 的 WP-Touch 插件。虽然您拥有适用于常规浏览器的 wordpress 版本，但它会调整 PHP，为移动用户提供完全不同的移动体验。

如果您有耐心、资源和时间从您的常规网站制作一个合适的移动网站，那就去做吧!如果你不这样做，一个不同的样式表和一些正确编码的触摸事件可以达成协议(protocol)