2

我最近创建了一个个人网站

我想设计这样,无论目标分辨率有多低,我的网站都会缩小以适应整个屏幕,而无需向下滚动。我使用%了值,以便它适合任何目标分辨率。

这是具有所有主要属性的网站设计。 网站设计说明

我的问题是,当我将浏览器的分辨率调小时,内容不会缩小以适应屏幕。

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

这是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%;

}
4

2 回答 2

1

当您减小屏幕尺寸时,字体大小不会改变,因此它会像往常一样占据相同的空间并分解。

于 2012-10-01T18:37:13.113 回答
0

当您放大或缩小时,像素会根据它们提供的百分比分别增加或减少。

尝试为它们提供max-widthmin-width(像素)max-heightmin-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 */
于 2012-10-01T18:37:20.167 回答