我可以使基于像素的网页响应吗?

时间:2015-04-06 16:26:33

标签: javascript responsive-design pixel

首先,我想说明我对网页设计世界完全不熟悉,而且我正在构建我的基础知识。因此,我一直在寻找使网页具有代表性的方法(使其放大和缩小而不会丢失内容,并在不同的屏幕分辨率上工作)并且我选择了Restive.js方法。我已经说明了jQuery,restive.js和我自己的CSS的正确(在我看来)目录,但是当我放大页面时,我已经实现了Restive它没有做任何事情。我猜测问题是我主要使用PIXELS来定义对象和选择器的大小。这是Restive的问题不起作用还是我还有其他错误?

以下是外部文件声明的代码和js本身的代码:

<link rel="stylesheet" href="thezonesh.css" />
<script type="text/javascript" src="https://code.jquery.com/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="js\restive\restive.min.js"></script>

和JS

<script>
    $(document).ready(function () {
        $('body').restive({
            breakpoints: ['240', '320', '480', '640', '960', '1024', '1280'],
            classes: ['css-240', 'css-320', 'css-480', 'css-640', 'css-960', 'css-1024', 'css-1280']
        });
    });
</script>

0 个答案:

没有答案