在Canva(平面设计师网站(上，你可以轻松创建自己的网站，并获得它和所有内容的链接。这对我来说非常有帮助，因为我不断为世界各地的社会问题发布新内容，因此这使得它看起来已经很好而不必做 CSS 更容易
。但是，Canva有两种选择，要么是笔记本电脑的响应式设计，要么是手机优先的响应式设计。我在想，如果我同时创建了两者，并且根据您使用的设备(笔记本电脑或手机(，它会将您带到该特定站点怎么办？这可能做到吗？
https://www.canva.com/design/DAEAv3UwPN0/sQ3gyqHwuiMfLJZn19o5yw/view?website#1:an-example-site-from-canva(笔记本电脑(
https://www.canva.com/design/DAEAv3ciA4Y/fxQc100hivGOOQqTO6kbGg/view?website#1:1(电话(
这是我用来链接到特定页面的简单方法：<li><a class="link" href="Campaigns/example-site-here">Campaigns</a></li>
请让我知道！谢谢
您尝试做的事情有点不寻常，因为大多数设计师只使用一个html文件，然后根据屏幕尺寸添加不同的样式。如果您真的想使用 2 个单独的 html 文件，则必须在加载或调整页面大小时动态生成链接标签。
这是完全可能的，但是当用户在单击链接后调整浏览器大小时会发生什么？他现在正在查看针对错误屏幕尺寸优化的网页。这将强制您在用户调整窗口大小时将用户重定向到第二页。
简而言之：您最好在css中使用媒体查询，因此只使用一个html文件。
你可以这样检查：
if(window.outerWidth < 800) {
window.location.href = "/url_for_mobile";
} else {
window.location.href = "/url_for_pc";
}
只需将其放入点击事件的函数中即可。