我最近创建了一个个人网站。
我想设计这样,无论目标分辨率有多低,我的网站都会缩小以适应整个屏幕,而无需向下滚动。我使用%
了值,以便它适合任何目标分辨率。
这是具有所有主要属性的网站设计。
我的问题是,当我将浏览器的分辨率调小时,内容不会缩小以适应屏幕。
这就是我缩小浏览器分辨率时发生的情况。 为什么会这样?
这是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%;
}