我可以为移动网站调用不同的 html 吗？基于宽度？

Question

希望我的问题不会太模糊。

我设计了一个非常简单的网站。你可以看到它的图片 >>> here

但现在我正在尝试制作移动版本。 但是我正在考虑为移动版本使用不同的 html，因为桌面版本有 jquery 弹出窗口 (prettyPhoto) 和一个非常大的可缩放背景，这在移动屏幕上不是很好。

我不确定该怎么做。因此，我的第一个问题是：

1.) 如何为移动设备调用不同的 html？

此外，对于平板电脑，网站在横向模式下呈现得非常好，但在纵向模式下变得奇怪。所以我的第二个问题是：

2.) 可以根据宽度调用这个不同的 html 吗？如果是这样，有什么想法吗？ 因此，如果平板电脑以纵向模式查看网站，他们将获得移动版，如果他们以横向模式查看网站，他们将获得桌面版。

Answer 1

我不确定您要做什么，但根据开发人员和移动用户的经验，您提出的建议不是一个好主意。同样，由于您没有提到您要尝试做什么，所以我说的是一般性的。一致性对于 UX 来说非常重要，提供完全不同的行为和寻找方向听起来并不是一个好的可用性。另外，请记住，在今天的平板电脑上，切换方向非常容易。您会在每次方向更改时加载每个版本吗？如果用户使用 3G 怎么办？

但从技术上讲，可以根据宽度或方向进行加载。使用 AJAX，并加载适当的内容。