0

我是编程和网页设计的新手，我正在尝试创建一个网站。我对其外观的计划是这个

所以，我使用的代码是

<body>
<div id="header">

</div>
<div id="content">

</div>
<div id="footer">

</div>



<script>
        function getWidth()
        {
            xWidth = null;
            if(window.screen != null)
                xWidth = window.screen.availWidth;

            if(window.innerWidth != null)
                xWidth = window.innerWidth;

            if(document.body != null)
                xWidth = document.body.clientWidth;

            return xWidth;
        }
        function getHeight() {
            xHeight = null;
            if(window.screen != null)
                xHeight = window.screen.availHeight;

            if(window.innerHeight != null)
                xHeight =   window.innerHeight;

            if(document.body != null)
                xHeight = document.body.clientHeight;

            return xHeight;
        }
</script>
</body>

之后，我创建了一个 .css 文件（还为空）。所以，我想创建一个网站，从阅读器的屏幕上获取可用的宽度和高度，然后在计算数字后显示相对于可用宽度和高度的 div，例如，小盒子的高度 = 宽度 = 5% 可用.width_of_screen。每个小盒子都是一个项目或一个帖子。

所以，我的问题是：如何在外部 css 中传递变量数据来计算我的网站的数字？

谢谢，加布里埃尔

4

1 回答 1

0

您可以像这样使用 jQuery 设置 css 变量：

$("p").css({"background-color":"yellow","font-size":"200%"});

在这种情况下，您将用变量替换“黄色”和“200%”。

于 2013-01-05T21:44:23.460 回答