HTML 如何解决窗口缩放引起的位置变形问题
例如：我用float:left做了一个一行的导航条，全屏时候，还能显示成一行，可缩小浏览器后，一行的浏览器就变成两行了。。。。如何解决...
例如：我用float:left做了一个一行的导航条，全屏时候，还能显示成一行，可缩小浏览器后，一行的浏览器就变成两行了。。。。如何解决
展开
14个回答
展开全部
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
可能是没有定义宽度
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>Untitled Document</title>
<style type="text/css">
*{ margin:0px; padding:0px;}
.s_one{ width:1000px; height:30px; margin:0px auto}
.s_one ul li{ display:block; float:left; padding:10px 20px; background-color:#F00}
</style>
</head>
<body>
<div class="s_one">
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">首页</a></li>
<li><a href="#">首页</a></li>
<li><a href="#">首页</a></li>
<li><a href="#">首页</a></li>
<li><a href="#">首页</a></li>
<li><a href="#">首页</a></li>
</ul>
</div>
</body>
</html>
追问
定义谁的宽度？
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
不要使用相对于浏览器窗口的绝对定位&固定定位就好，如果一定要用，那就必然会有这个问题的。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
您好，位置变形是因为父元素百分比宽，而变形元素定宽引起的，根据您的问题，可以有以下几种方式解决：
将变形元素的宽也用百分比设置；
将父元素用定宽；
制作响应式：@media；
希望能够帮到您。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
改变浏览器窗口大小<meta name="viewport" content="target-densitydpi=device-dpi, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
缩放页面无法解决
缩放页面无法解决
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（12）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
