Question

我正在寻找正确的脚本，以使我的桌面网站具有移动响应能力目前的情况是，我的网站在移动设备上被识别并指向移动网站版本我正在寻找的是在缩小（缩小）浏览器窗口时将其完整站点重定向/切换到桌面浏览器窗口上的移动站点的正确脚本，使其具有响应性。这是我当前的移动重定向脚本：

var mobile = (/iphone|ipad|ipod|android|blackberry|mini|windows\sce|palm/i.test(navigator.userAgent.toLowerCase()));
if (mobile) {    
    document.location = "my-mobile-site.html";    
}

这是我提出的，但显然不起作用：

var screen = (/iphone|ipad|ipod|android|blackberry|mini|windows\sce|palm/i.test(navigator.userAgent.toLowerCase()));

if (screen.width <= 699) {          
    document.location = "my-mobile-site.html";
}

我关闭了吗？

Answer 1

我对您的代码的理解是，您希望识别何时检测到移动设备，因此Kevin B表示屏幕是布尔值。

if (screen) {          
    document.location = "my-mobile-site.html";
}

为什么要返回一个html位置？而是返回带有其他属性的css文件

if (screen) {
    document.location = "styles.css";
}

styles.css的

@media screen and (max-width: 699px) {
    // here add your styles
}

抱歉，如果我错了，我从未尝试过创建移动版本。我希望有所帮助;）

Answer 2

当您根据设备提供不同的内容时，不再将其视为响应式设计你要做的是重定向到另一个页面，处理它是一个非常糟糕的做法前端：
应该从后端检测重定向，根据用户代理进行管理，而不是屏幕大小 http://en.wikipedia.org/wiki/User_agent

网站响应脚本

2 个答案: