-2

美好的一天。我怎样才能设置我的CSS，每次我重新调整浏览器的大小时，页面上的内容都会自动相应地重新调整大小。

4

3 回答 3

2

使用 %而不是px. 你也可以使用 javascript

于 2012-07-18T07:28:44.547 回答
0

我猜你正在寻找的是一个响应式框架。我建议你使用现有的Foundation 3或Twitter Bootstrap。它们还提供不仅仅是响应式的功能，例如预样式按钮、手风琴菜单、下拉菜单等等。

于 2012-07-18T08:27:23.183 回答
0

这是示例代码..看看

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
    <TITLE>Strawberries</TITLE>
    <SCRIPT TYPE="text/javascript">
        <!--
        function image(url, width, height) {
            return('<IMG SRC="' + url + '"' +
                ' WIDTH=' + width +
                ' HEIGHT=' + height + '>');
        }
        function strawberry1(width) {
            return(image("images/Strawberry1.gif", width, Math.round(width*1.323)));
        }

        function strawberry2(width) {
            return(image("images/Strawberry2.gif", width, Math.round(width*1.155)));
        }
        // -->
    </SCRIPT>
    <SCRIPT TYPE="text/javascript">
        <!--
        var imageWidth = window.innerWidth/4;
        var fontSize = Math.min(7, Math.round(window.innerWidth/100));
        document.writeln('<TABLE>\n' +' <TR><TD>' + strawberry1(imageWidth) + '\n' +'<TH><FONT SIZE=' + fontSize + '>\n' +'"Doubtless God <I>could</I> have made\n' +'a better berry, but doubtless He\n' +'never did."</FONT>\n'+'<TD>' + strawberry2(imageWidth) + '\n' +'</TABLE>');
        // -->
    </SCRIPT>
    </HEAD>
<BODY>    
<HR>

Strawberries are my favorite garden crop; a fresh ...
</BODY>
</HTML>
于 2012-07-18T08:30:51.653 回答