html+css怎么能让web页面自动适应手机 10
<bodybgcolor="#00BFFF"><formaction="${ctx}/mobileregist/toRedirctView.do"method="post...
<body bgcolor="#00BFFF">
<form action="${ctx}/mobileregist/toRedirctView.do" method="post" name="myform" id="form" style="text-align:center ">
<img src="${scope.pageTitleUrl}" id="imgtop" width="120%" height="110%"/><br>
<input type="hidden" id="img1" value="${scope.pageTitleUrl}" width="80%" height="90%">
<div class="abc" >
<dl>
<dd><font size="5x" color="#FCFCFC" face="italic">联通用户年底专享好福利！</font></dd>
<dd><font size="5x" color="#FCFCFC" face="italic">沱沱公社鲜果杂粮大派送！</font></dd>
</dl>
</div>
<input type="text" style="font-style:italic; border:#FCFCFC 1px solid; background:#00BFFF; color:#FCFCFC; font-size:18px; width:60px; height:30px" size="40" name="mobile" id="telephoneid" placeholder="请输入手机号码核实送货信息！" ><br>
<span id="spanid" style="color:red"> </span><br>
<input type="hidden" name="spid" value="${scope.spId }">
<input type="hidden" name="ifOptionChecked" value="${scope.ifOptionChecked }" id="ifOptionCheckedId">
<input id="checkid" type="checkbox" name="ifConfirmOption" ><font size="5x" color="#FCFCFC" face="italic">${scope.pageOptionText }</font><br>
<font size="5x" color="#FCFCFC" face="italic"></font><br>
<input type="button" value="" style="width:70px;height:30px; color:#00BFFF; font-size: 20px;background:#FCFCFC;border-radius: 5px;font-weight: 40px " onclick=" return validate(this.form) "><br>
<img src="${scope.pageBottumUrl}" id="imgbottum" /><br>
<input type="hidden" id="img2" value="${scope.pageBottumUrl}">
</form>
</body>
好心人 救我 我不行了 真心感谢 展开
<form action="${ctx}/mobileregist/toRedirctView.do" method="post" name="myform" id="form" style="text-align:center ">
<img src="${scope.pageTitleUrl}" id="imgtop" width="120%" height="110%"/><br>
<input type="hidden" id="img1" value="${scope.pageTitleUrl}" width="80%" height="90%">
<div class="abc" >
<dl>
<dd><font size="5x" color="#FCFCFC" face="italic">联通用户年底专享好福利！</font></dd>
<dd><font size="5x" color="#FCFCFC" face="italic">沱沱公社鲜果杂粮大派送！</font></dd>
</dl>
</div>
<input type="text" style="font-style:italic; border:#FCFCFC 1px solid; background:#00BFFF; color:#FCFCFC; font-size:18px; width:60px; height:30px" size="40" name="mobile" id="telephoneid" placeholder="请输入手机号码核实送货信息！" ><br>
<span id="spanid" style="color:red"> </span><br>
<input type="hidden" name="spid" value="${scope.spId }">
<input type="hidden" name="ifOptionChecked" value="${scope.ifOptionChecked }" id="ifOptionCheckedId">
<input id="checkid" type="checkbox" name="ifConfirmOption" ><font size="5x" color="#FCFCFC" face="italic">${scope.pageOptionText }</font><br>
<font size="5x" color="#FCFCFC" face="italic"></font><br>
<input type="button" value="" style="width:70px;height:30px; color:#00BFFF; font-size: 20px;background:#FCFCFC;border-radius: 5px;font-weight: 40px " onclick=" return validate(this.form) "><br>
<img src="${scope.pageBottumUrl}" id="imgbottum" /><br>
<input type="hidden" id="img2" value="${scope.pageBottumUrl}">
</form>
</body>
好心人 救我 我不行了 真心感谢 展开
展开全部
样式表里面把宽度单位全部写成百分比，然后head加一句：
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
追问
用了不行啊！手机上的页面高度小了 宽度还宽了，都改成百分比的了，头部也加了那句话。图片貌似不适应手机
追答
img、img的父级元素等等一系列东西都要设置百分比宽度。
实际上还有很多东西的细节要弄，最好买本书把看看再动手，或者直接找个周围会的人帮你搞定。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
