Responsive design 使用em';响应式设计中的s
我已经创建了一个响应站点,希望使用Responsive design 使用em';响应式设计中的s,responsive-design,em,Responsive Design,Em,我已经创建了一个响应站点,希望使用em来控制字体大小 我已经将主体字体的基本大小设置为64.5%,以创建10px的基本大小 但是,尽管大小看起来还可以,但它不会随着浏览器的大小而改变。我错过了什么 看看这是否有助于您: 在您的示例中,您明确地设置了字体大小,并且没有任何指令指示字体随着viewpont的更改而缩放 设置 正文{ 字体大小:62.5%; } 只需设置字体大小(相对于浏览器的默认设置),就不会产生任何缩放效果 实现目标的两种方法是,在viepoint改变时,使用以下方法为h1、h2、
em
来控制字体大小
我已经将主体字体的基本大小设置为64.5%,以创建10px的基本大小
但是,尽管大小看起来还可以,但它不会随着浏览器的大小而改变。我错过了什么
看看这是否有助于您:
在您的示例中,您明确地设置了字体大小,并且没有任何指令指示字体随着viewpont的更改而缩放
设置正文{
字体大小:62.5%;
}
只需设置字体大小(相对于浏览器的默认设置),就不会产生任何缩放效果
实现目标的两种方法是,在viepoint改变时,使用以下方法为h1、h2、p等设置大小:
或者您可以在不同的视点设置默认的正文字体大小,字体大小将相对于CSS文件头部的设置进行缩放,例如
@media (min-width:481px) and (max-width: 767px) {
body{
font-size:90%;
}
}
祝你好运 可能重复的
@media (min-width:481px) and (max-width: 767px) {
body{
font-size:90%;
}
}