javascript - 如何让一些网页在移动设备上显示不同

Question

我有一个相当宽和短的网页，大约 3 页，宽而长的页面在手机浏览器上显示很好，但短的页面只显示不到一半的屏幕。

无论如何，我可以为这 3 个页面中的每一个页面制作一个单独的页面，并且只有在有人使用手机时才让它们出现。

谢谢

score 0 · Accepted Answer

您需要插入一些 JavaScript 来嗅探每个页面上的用户代理（Web 浏览器和版本）。这是一个解释如何执行此操作的链接：

完成此操作后，将该页面的 CSS 文件交换为适合设备的文件，或重定向到该设备的特殊 HTML 页面。

score 0 · Accepted Answer

如果您在 Google 上搜索“响应式设计”，会有很多关于如何使用同一页面的建议，但要使其在移动设备上的显示方式有所不同。

score 0 · Accepted Answer

除了“响应式设计”，您还应该研究“媒体查询”，这将允许您调整 CSS 并帮助将元素与查看它的每个设备的显示尺寸对齐。不需要javascript。
如何在移动设备中使用媒体查询

score 0 · Accepted Answer

就像其他人所说的那样。带有媒体查询的响应式网页设计是最好的。查看这些网站。

4 回答 4