怎么让页面实现自动适应屏幕大小

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1">

	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title>html5音乐播放器</title>

    <link rel="stylesheet" type="text/css" href="Css/tplayer.css" />

    <link rel="stylesheet" type="text/css" href="Plugins/FontAwesome4.1/css/font-awesome.min.css" />

    <script src="Js/jquery.js"></script>

    <script src="Js/jquery-ui.js"></script>

    <script src="Js/tPlayer.js"></script>

</head>

<body style="margin-top: 20px;">

    <div id="t_wrapper">

        <div id="t_cover">

        	<img src="Images/logo.png" style="max-width:100%;"/>

        </div>

    	<div id="t_top">

    		<div id="t_title_info">

    			<span class="artist"></span>

    			<span class="title"></span>

    		</div>

    	</div>

    	<div id="t_middle">

    		<div id="play"></div>

    		<div id="pause" class="hidden">

    		</div>

    		<div class="ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all" id="t_progress">

                <div id="trackInfo">

                    <div id="error">

    				</div>

                    <div id="current">0:00</div>

                    <div id="duration">0:00</div>

    			</div>

    			<div style="width: 0%;" class="ui-slider-range ui-widget-header ui-corner-all ui-slider-range-min"></div>

            	<span style="left: 0%;" class="ui-slider-handle ui-state-default ui-corner-all" tabindex="0"></span>

            </div>

    		<span id="prev"></span>

            <span id="next"></span>

    	</div>

    	<div id="t_bottom">

            <div id="range">

                <div id="val"></div>

                <div id="vol"></div>

                <div id="rangeVal"></div>

            </div>

            <div id="t_pls_show" class="noselectpls"></div>

    	</div>

    </div>

    <div id="playlist">

        <ul>

            <li t_cover="1.jpg" t_artist="NRG" t_name="INTR">

            	<a href="#">INTR –NRG(1辑)</a>

            	<audio preload="none">

                    <source src="http://ziyuan.nrgcmh.net/mp3/1/01INTR.MP3" type="audio/mp3">

                    <source src="Media/Transformers2.htm" type="audio/ogg; codecs=vorbis">

            	</audio>

            </li>

     

        </ul>

    </div>

</body>

</html>