-1

我有一个客户预算有限，无法负担我使用 CCS 媒体查询构建响应式站点的费用，因此我想构建一个迷你站点，它的流动性并在屏幕分辨率小于特定分辨率时被重定向到。

最佳做法是什么？

亲切的问候，布拉德

4

3 回答 3

4

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

window.screen 文档

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

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

​这里 是一个小提琴的例子 （这个例子使用jquery）

于 2012-11-14T13:37:02.687 回答
1

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

如果您包含此 CSS 框架，您可以非常快速地设置一个响应式站点，该站点适用于台式机、平板电脑和手机。它并不完美，但它绝对是快速和简单的。

阅读实时网格系统，它就像在 HTML 标签中添加一些类一样简单，还了解响应式设计。

于 2012-11-14T13:35:39.283 回答
-1

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

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

}

于 2012-11-14T14:33:23.770 回答