自适应模板主题css样式代码，判断电脑端以及手机端样式自适应代码

4年前发布

我们在日常写模板过程中难免遇到自适应模板，同一个模板要判断电脑端与手机端使用不同的样式，这就需要用到css来判断终端。

电脑端样式代码：

.app-main figure .ios{width:inherit;
display: block;
margin-top:6px;
padding: 0.3em 1em;
color: #fff;
background-color: #21b47c;
border: 1px solid #21b47c;
text-align: center;
border-radius: 100px;
opacity:.7;}

手机端样式CSS代码：

@media screen and (max-width:640px){
.app-main figure .ios{
width:inherit;display: block;
margin-top:50px;
padding: 0.3em 1em;
color: #fff;
background-color: #21b47c;
border: 1px solid #21b47c;
text-align: center;
border-radius: 100px;
opacity:.7;}
}

css代码

评分

欢迎为Ta评分