Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/41.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 我的网站设计被放大后会变得一团糟,我该如何解决这个问题?_Html_Css_Positioning_Center - Fatal编程技术网

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>