Html 我的网站设计被放大后会变得一团糟,我该如何解决这个问题?
我一直在搞乱我的一些网页,因为当网页被缩小或放大时,它们会完全搞砸。我尝试了Html 我的网站设计被放大后会变得一团糟,我该如何解决这个问题?,html,css,positioning,center,Html,Css,Positioning,Center,我一直在搞乱我的一些网页,因为当网页被缩小或放大时,它们会完全搞砸。我尝试了和将网页居中,但似乎不起作用。引起悲痛的网页有: 有什么想法吗?您需要用包装类包装内容,因为div的标记和对齐属性现在无效。:)。对于您的问题,我建议您在正文之后放置这样的包装器类 <body> <div class="wrap"> ... ... </div> </body> 960px的宽度最适合所有浏览器,因为
和
将网页居中,但似乎不起作用。引起悲痛的网页有:
有什么想法吗?您需要用包装类包装内容,因为
div的标记和对齐属性现在无效。:)。对于您的问题,我建议您在正文
之后放置这样的包装器类
<body>
<div class="wrap">
...
...
</div>
</body>
960px
的宽度最适合所有浏览器,因为默认情况下1024px
和1280px
宽度使用该宽度
如果您有需要流动的内容,比如页眉和页脚的背景,那么在这种情况下,您可以在元素内部添加包装器,该包装器承载背景。例如,如果有一个…
有一个背景,它是流动的,您可以使用这种方式:
<body>
<div class="header">
<div class="wrap">
...
...
</div>
</div>
</body>
...
...
如果您不了解任何部分,请告诉我。:)
在您的网站中编辑:
更换第43-44行:
乔尔
页边距顶部:200px
与
#joel{
页边距顶部:200px;
}
第86行:删除
让我知道这些修复后的输出是什么。我通常会使用两种技术,第一种是让它回流:第二种是保持固定的宽度和列数:(编辑:更正公式以计算宽度)
请注意,您需要修改HTML,您划分列的方式将无法正常工作。您需要将
作为
标记放置。div
的align
属性现在无效。:)
从来都不是有效的HTML,您可能正在寻找类似
的内容,或者现在过时的
是的,我的意思是
,我会尝试另一种one@user1594170:前者不起作用,它不是有效的CSS。有效的样式声明是
,它更清楚地显示了它不起作用的原因,文本对齐是指文本/内联元素。调整大小后,您希望发生什么?我通常使用两种技术,一种是回流图像,使其始终填充整个屏幕宽度,另一种是压缩宽度并保持3列。伙计,标记中有很多问题。需要在它有效之前修复它,如果它需要根据我们的评论工作。它对我不起作用,你有任何其他建议,特别是对我的代码使用吗?(你的建议可能适用于其他东西,但我的建议可能有妨碍它的地方。)你尝试了什么?你能把它和平放在一起吗?让我查一查再给你回电话?好的,你是什么意思?我试着在
中用附带的cssBy ping将所有内容包装起来,我的意思是这里的注释,好的,输出是什么?你在哪里添加的?我看不到你添加的任何内容?
<body>
<div class="header">
<div class="wrap">
...
...
</div>
</div>
</body>