2 weixin 35706605 weixin_35706605 于 2017.08.28 15:42 提问

CSS+div网页设计,放大缩小后网页控件乱序的问题

最近在学习用VS2010设计网站,网站设计好之后看着没有什么问题,但是在浏览器上放大或者缩小页面之后里面的div位置就乱了,有没有大神知道怎么固定他们的位置啊,我想实现的是放大页面,本来在一行的两个div也不会变成两行,而是出现上下和左右的滑动条,缩小页面,整个页面就缩小且靠右上,右边和下边留白。
大概就像这样:
图片说明

图片说明

请问会的人这怎么修改呀,十分感谢,

另外我的网页比较简单,只有div和ul,li的嵌套等等。附上代码吧。
图片说明

图片说明

中也只定义了background,color,margin,padding,width,heigth等基本属性,没有其他特别的。不过有的width是**px,有的是**%。不知道影响没。

还请大家不吝赐教,实在感谢!

4个回答

zy841958835
zy841958835   Ds   Rxr 2017.08.28 15:49
已采纳

**px是固定多少个像素 不会随着你的浏览器大小改动而改动 **%是当前div在上层div中的百分比会随着上层的大小而改动
位置要用相对位置 h2{position: absolute; top: 60%; margin-top: -0.6em; left: -10px; padding-left: 0.9em; font-size: 2.0em; line-height: 1em;color:#FF0000;}
http://www.w3school.com.cn/ 里面很多基础操作你会用得到

weixin_35706605
weixin_35706605 回复十里35706605: http://ask.csdn.net/questions/653122
3 个月之前 回复
weixin_35706605
weixin_35706605 好的,已解决,导航栏那里出了点小错误,不知道您会不会~
3 个月之前 回复
itheima_Wujie
itheima_Wujie   2017.08.28 16:03

应该是你设置的定位有问题。不要把具体的位置设置成具体的px,要以相对的大小来设置

weixin_35706605
weixin_35706605 好的,已经改好了,多谢~(*^__^*)
3 个月之前 回复
huang931027
huang931027   2017.08.28 17:06

当然是有影响的,还是要最好设置成百分比,这样的响应式布局

weixin_35706605
weixin_35706605 恩恩,已经改好了,多谢~(*^__^*)
3 个月之前 回复
playboyanta123
playboyanta123   2017.08.28 16:23

知道媒体查询吗?也就是通常说的响应式,你说的大概就是要把你的网站做成响应式的,根据不同的大小有不同的显示风格,那你去看看
基于媒体查询的响应式吧,也不难,就是样式要多写几套而已,不同的页面宽度,写不一样的样式

Csdn user default icon
上传中...
上传图片
插入图片