关于html自适应问题！
我做了一个html网页，现在用我自己的电脑打开，显示正常，换一个电脑打开就会打乱我的排版。还有用手机浏览器打开的话，所有图片就会紧凑到一起。我认为是网页的自适应问题，但是...
我做了一个html网页，现在用我自己的电脑打开，显示正常，换一个电脑打开就会打乱我的排版。
还有用手机浏览器打开的话，所有图片就会紧凑到一起。我认为是网页的自适应问题，但是我不会改，请高手指点！！！代码如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width"/>
<title>猫咪-兰兰^.^</title>
<style type="text/css">
*{margin:0;padding:0;}
#bg{position:absolute;top:0px;left:0px;z-index:-999;}
</style></head>
<BODY onLoad="makesnake()" text=#ffffff vLink=#00FF00 link=#FFFF00 bgColor=#FFD9EC onselectstart="return false">
<TABLE border=0 cellSpacing=0 cellPadding=0 width="100%" align=center>
<script>
for (i=0;i<=message.length-1;i++) {
document.write("<span id='span"+i+"'class='spanstyle'>")
document.write(message[i])
document.write("</span>")}
if (document.layers){
document.captureEvents(Event.MOUSEMOVE);}
document.onmousemove = handlerMM;
</script>
<DIV align=center>
<SCRIPT language=JavaScript><!--
// Hide the JavaScript from older browsers
(window.alert("很高兴，你能来"))
// End hiding of script
// --></SCRIPT>
<div>
<embed src="image/123.mp3" width="0" height="0" loop="5" hidden="true"></embed>
</div>
<div style="left:4px; top:4px; position:absolute; width:328px; height:77px;overflow:hidden;">
<img src="image/yingwenbiaotou.png">
</div>
<div style="right:4px; top:4px; position:absolute; width:227px; height:202px;overflow:hidden;">
<img src="image/tupian.png">
</div></table></body></html> 展开
还有用手机浏览器打开的话，所有图片就会紧凑到一起。我认为是网页的自适应问题，但是我不会改，请高手指点！！！代码如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width"/>
<title>猫咪-兰兰^.^</title>
<style type="text/css">
*{margin:0;padding:0;}
#bg{position:absolute;top:0px;left:0px;z-index:-999;}
</style></head>
<BODY onLoad="makesnake()" text=#ffffff vLink=#00FF00 link=#FFFF00 bgColor=#FFD9EC onselectstart="return false">
<TABLE border=0 cellSpacing=0 cellPadding=0 width="100%" align=center>
<script>
for (i=0;i<=message.length-1;i++) {
document.write("<span id='span"+i+"'class='spanstyle'>")
document.write(message[i])
document.write("</span>")}
if (document.layers){
document.captureEvents(Event.MOUSEMOVE);}
document.onmousemove = handlerMM;
</script>
<DIV align=center>
<SCRIPT language=JavaScript><!--
// Hide the JavaScript from older browsers
(window.alert("很高兴，你能来"))
// End hiding of script
// --></SCRIPT>
<div>
<embed src="image/123.mp3" width="0" height="0" loop="5" hidden="true"></embed>
</div>
<div style="left:4px; top:4px; position:absolute; width:328px; height:77px;overflow:hidden;">
<img src="image/yingwenbiaotou.png">
</div>
<div style="right:4px; top:4px; position:absolute; width:227px; height:202px;overflow:hidden;">
<img src="image/tupian.png">
</div></table></body></html> 展开
3个回答
展开全部
这个和电脑的分辨率、浏览器的版本有关，不是很好修改。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
我在手机上回答的，看起来有点乱，不过，我发现你似乎没有做兼容性处理，ie,Google，火狐，的内核是不一样的！所以对h5的支持不一样！如果不着急，等我回宿舍给你看看吧！
追问
好的，我等你！
追答
你的图片尺寸都千万不要设置成绝对值，都设置成相对值就是百分之多少，就ok了
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
嗯，建议先深入学习一下
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
