引导程序 4 中的媒体屏幕字体大小调整不起作用答案

【问题标题】：Media screen font resize in bootstrap 4 does not work引导程序 4 中的媒体屏幕字体大小调整不起作用
【发布时间】：2017-11-26 01:30:52
【问题描述】：

当我尝试在我的自定义 CSS 中设置字体大小，然后屏幕大小切换到带有媒体屏幕的手机（320 像素）时。该值仍然是非媒体屏幕上的值，但不起作用。

我的 CSS：

@media only screen and (min-width: 320px) {
	.card{

}

.card  .title{
	color:black;
	border-bottom:1px solid #f5f5f5;
	margin-bottom:2px;
}

.card  .title a{
font-weight: bold;font-size: 10px;color:#949393;
	
} }

.card  .title a{

	font-weight: bold;
	font-size: 14px;
	color:#949393;
	
}

【问题讨论】：

标签： css twitter-bootstrap font-size

【解决方案1】：

问题是普通样式的声明放在媒体查询的定义之后。尽管正在应用媒体查询样式，但它也被放置在样式表下方的普通样式覆盖。

【讨论】：

【解决方案2】：

这是你的固定代码

    @media only screen and (min-width: 320px) {
    .card{

}

.card  .title{
    color:black;
    border-bottom:1px solid #f5f5f5;
    margin-bottom:2px;
}

.card  .title a{
font-weight: bold;
font-size: 10px;
color:#949393;  
} 
}

【讨论】：