如果屏幕res <1000px，则显示不同的站点

Question

我有一个预算有限的客户，我无法承担使用CCS媒体查询构建响应式网站的费用，所以我想建立一个流动的迷你网站，并在屏幕资源显示时重定向到。一定的分辨率。

最佳做法是什么？

亲切的问候，布拉德

Answer 1

您可以使用window.screen来获取屏幕的分辨率。

window.screen documentation

您可以检查宽度并相应地进行重定向。

<script type="text/javascript">        
        if (window.screen.availablewidth < 1000)
        {
            window.location.href = "http://sizeForSmallRez";
        }
        else
        {
            window.location.href = "http://siteForLargeRez";
        }
</script>

Here is a fiddle example （此示例使用jquery）

Answer 2

我会使用Twitter Bootstrap。我认为这是你最好的选择，特别是因为听起来你是从头开始。

如果您包含此CSS框架，则可以非常快速地设置响应式网站，该网站适用于桌面设备，平板电脑和手机。它并不完美，但它绝对快速而简单。

了解live grid system，就像在HTML标记中添加一些类一样简单，还有responsive design。

Answer 3

好的，我做了一些研究，发现这个非常简单的代码片段！

if (window.screen.width < 1000) {
window.location = 'm.mysite.com';

}