gpt4 book ai didi

html - 监控分辨率改变网站的外观

转载 作者:太空宇宙 更新时间:2023-11-03 19:39:54 26 4
gpt4 key购买 nike

我有一个网站,在我的分辨率下甚至在更常见的 1024 x 768 下看起来都不错。但是,在其他人的 1024 x 768 浏览器中,它太宽了,网站甚至没有正确居中。

有没有一种方法可以在分辨率改变时保持适当的宽度布局不变?

/* Body */
body {
background: #535353;
font-family: Arial;
font-size: 12px;
color: Black;
}

form {
margin:0;
padding:0;
display: inline
}

* {
margin: 0;
padding: 0;
}

/* Header */
#header {
margin-left: 100px;
margin-right: 100px;
overflow: hidden;
}

/* Logo */
#logo
{
background-color: White;
}

/* Menu */
#menu {

margin-left: 100px;
margin-right: 100px;
margin-top: 0px;
margin-bottom: 0px;
padding: 0 0 0 0;
text-align: left;
background-color: #AB0000;
font-size: 14px;
color: White;
font-weight: bold;
}

#menu a {
font-size: 14px;
color: White;
font-weight: bold;
}

#menu a:hover {
color: Yellow;
}

/* Spacer */
#spacer {
background-color: #8C8C8C;
}

/* Sidebar */
#sidebar {
margin-left: 100px;
margin-right: 100px;
padding-left: 10px;
font-weight: bold;
text-align: left;
background: url(Images/leftborder.jpg) repeat-x left top;
background-color: #C2C2C2;
}

#sidebar p {
color: Black;
font-weight: normal;
font-size: 11px;
}

#sidebar a{
color: Black;
font-weight: normal;
font-size: 11px;
}

/* Quick Links */
#quicklinks a{
color: White;
font-size: 12px;
font-weight: bold;
text-decoration:none
}

/* Content */
#content {
margin-left: 200px;
margin-top: 10px;
padding-left: 10px;
padding-right: 10px;
background-color: #C2C2C2;
}

#content p {
font-size: 12px;
}

#content a{
color: Black;
font-weight: bold;
}

/* Gallery */
#gallerylinks{
border-color:Black;
}

/* Footer Space */
#footerspace {
background-color: #AB0000;
}

/* Footer */
#footer {
width: 891px;
height: 70px;
margin-left: 100px;
margin-right: 100px;
margin-top: 0px;
margin-bottom: 0px;
padding: 0 0 0 0;
text-align: center;
background-color: #C2C2C2;
font-weight: bold;
color: Black;
}

#footer a {
font-weight: bold;
color: Black;
}

#footer a:hover {
color: Yellow;
}

最佳答案

如果您不希望宽度随分辨率/浏览器大小而变化,请在 CSS 中使用绝对宽度而不是百分比(860 像素而不是 90%)。

但是,如果它在其他人的浏览器中看起来不同,可能是因为他们的字体和字体大小不同。

关于html - 监控分辨率改变网站的外观,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3039122/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com