<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml">
<wml>
<head><meta forua="true" http-equiv="Cache-Control" content="max-age=0" /></head>
<card title="html页面自适应宽度" id="card1">
<p> 游客</p><p>
标题:html页面自适应宽度<br/>
正文:<br/>
html页面实现响应式的方式有很多，本篇介绍懒人必备一招见效的方法。在head标签中加入 &amp;lt;meta name=&amp;quot;viewport&amp;quot; content=&amp;quot;width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0&amp;quot;/&amp;gt;这样页面就能根据屏幕的宽度变动了。如果想要图片自适应 加上width=&amp;quot;100%&amp;quot;，或者是 90 再居中显示。<br/><a href="http://www.xmhjfb.com/wap.asp?mode=WAP&amp;act=View&amp;id=116&amp;Page=1">[&lt;&lt;]</a><a href="http://www.xmhjfb.com/wap.asp?mode=WAP&amp;act=View&amp;id=116&amp;Page=1">[[1]]</a><a href="http://www.xmhjfb.com/wap.asp?mode=WAP&amp;act=View&amp;id=116&amp;Page=1">[&gt;&gt;]</a><br/>
<br/>
<a href="wap.asp?act=Com&amp;id=116">查看评论(0)</a><br/>
<a href="wap.asp?act=AddCom&amp;inpId=116">发表评论</a><br/><br/>

<br/>

<br/>
<a href="http://www.xmhjfb.com/wap.asp">首页</a>
</p>
</card>
</wml>