Html 为什么'；网站是否缩小到目标分辨率

我最近创建了一个

我想这样设计，无论目标分辨率有多低，我的网站都会缩小到适合整个屏幕，而无需向下滚动。我使用了

%

值，因此它适合任何目标分辨率

这里是网站的所有主要属性的设计。

我的问题是，当我将浏览器的分辨率设置为较小时，内容不会缩小以适应屏幕

这就是缩小浏览器分辨率时发生的情况。 为什么会这样

以下是css属性

#myPageBody
{

    padding: 3% 15% 5% 15%;
}

#myPageNav
{
    text-align: center;
    padding:0%;
    margin-bottom:2%;
    font-weight :bold;
    font-size:150%; 
}

#myPageNav span 
{

    padding-right:2%; 
}

.page
{
    position:fixed;
    width:65%;
    height:70%;
    padding:1%;
    font-size:200%;

}

---

缩小屏幕大小时，字体大小不会改变，因此它会像往常一样占用相同的空间并分解。

放大或缩小时，像素会根据其提供的百分比分别增加或减少

尝试为它们指定

max width

、

min width

（以像素为单位）、

max height

和

min height

（以像素为单位）属性。 我可能错了，但这是一个很好的做法

例如：

max-width:100%;
min-width:1024px; /* The least resolution to be considered */
max-height:/*desired percentage or pixels */
min-height:800px; /* The least resolution to be considered */

---

很好的观察结果。我从来没有看过。如何根据浏览器分辨率改变字体呢@Anirudha我同意但是为了给页面设置动画，我不能提供最小值或最大值。但是你能告诉我如何根据浏览器分辨率改变字体吗？因为我认为这是@i-love-phpdo指出的问题。你的意思是，即使屏幕大小改变，也要保持不变？不是不变。我希望字体大小随着屏幕分辨率的改变而改变。然后你应该使用我的解决方案。我认为它会做那件事。尝试once@Anirudha嘿，看看这个。建议使用

em

而不是

px

。