<table cellspacing="0" cellpadding="0"><tr><td class="t_f" id="postmessage_51314"> 网页自适应手机,根据浏览器或手机屏幕的宽度,自动调用不同的样式,显示不同的页面<br><br>在浏览器里面,可以拖动浏览器的宽度,网页也会自使用屏幕宽度<br><br>演示效果是我之前做的项目,在web端和手机端都可以看,可能效果没有那么好 <div class="blockcode"> <div id="code_dwn"><ol> <li><!--mobile--></li> <li><meta name="viewport" content="width=device-width, initial-scale=1.0"> </li> <li><!--[if lt IE 9]> <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script> <![endif]--></li> <li> <li><link rel="stylesheet" type="text/css" media="screen and (max-device-width: 728px)" href="/style/mindex.css" /></li> <li><link rel="stylesheet" type="text/css" media="screen and (min-width: 729px) and (max-device-width: 1024px)" href="/style/webs_index.css" /></li> <li><link rel="stylesheet" type="text/css" media="screen and (min-width: 1025px) " href="/style/web_index.css" /></li> <li><!--mobile end--></li> </ol></div> <em onclick="copycode($('code_dwn'));">复制代码</em> </div> </td></tr></table> <div id="comment_51314" class="cm"> </div> <div id="post_rate_div_51314"></div> <br><br>