-2

良い一日を。ブラウザのサイズを変更するたびに、それに応じてページのコンテンツが自動的にサイズ変更されるように CSS を設定するにはどうすればよいですか。

4

3 に答える 3

2

%の代わりに使用 しpxます。ジャバスクリプトも使えます

于 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 に答える