Html 在不同浏览器上调整屏幕大小

事实：

我的网站是以1024x768像素的分辨率创建的

可以用相同的屏幕分辨率查看我的网站

我的问题：

在800 x 600分辨率的屏幕上查看我的站点是不合适的

---

有没有完美或最好的方法来解决这个问题？任何帮助都很好。

如果您不希望用户根据其分辨率拥有不同的体验，则不应使用绝对大小。在组件上使用相对尺寸

液体设计模仿我的建议：&

---

。。。还有弹性设计：

你要找的是，使用它你可以根据屏幕分辨率/可用宽度修改网站的布局

我建议你这样设置你的

风格

body {
    font-size: 13px;                                   /* As per your style */
    font-weight: normal;                               /* As per your style */
    font-family: 'Droid Sans', Arial, Verdana, Tahoma; /* As per your style */
    text-align: left;
    background: #FFF;   
    overflow:auto;
    background:scroll;
    width:1007px;
    max-width:1007px;
    min-width:1007px;
    margin:0 auto;
}

这最适合所有屏幕大小的分辨率。如果您使用800x600尺寸，则其两侧都会出现滚动条，如果lasge尺寸1366x768显示在中间，则两个尺寸的边距都会自动显示

你检查这是最适合的网站。这个页面看起来像报纸类型的页面

---

您可以选择ctrl++（增加）、ctrl+-（减少）和ctrl+0（正常大小）。

您的问题可能是如何编码它。以下是一些可能的情况：

1.）长度和宽度位置可以是绝对位置或固定位置。例如

#容器
位置：绝对/*固定*/；

2.）用于测量的度量类型是像素，而不是百分比（%）。这两者之间有很大的区别：

#容器
高度：100px；

及

#容器
身高：20%；

3.）您可能正在使用旧html版本中不推荐的功能，或者您的浏览器不支持新功能。尝试添加。此附加组件将支持您的网站进入旧浏览器

---

这是最好的，如果你用你的网站优化到你想要的大小。这也可以用于支持您的网站进入移动浏览器。

@user3400389正是如此。但我现在不能在所有地方都使用100%：/@user3400389检查我的编辑，我想这就是你要找的。而且它不必是100%，根据该组件应该使用的内容使用%。无论如何。。。阅读这些文章-很多很好的洞察力。为什么不使用Firefox响应式设计呢？ctrl+shift+m