我们在日常写模板过程中难免遇到自适应模板，同一个模板要判断电脑端与手机端使用不同的样式，这就需要用到css来判断终端。
如下，电脑端样式：
.app-main figure .ios{width:inherit;
display: block;
margin-top:6px;
padding: 0.
我们在日常写模板过程中难免遇到自适应模板，同一个模板要判断电脑端与手机端使用不同的样式，这就需要用到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;}
手机端：
@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;}
}
购买必读
本站模板没有任何后门，也不会和我们服务器有任何通信，请您放心使用。
本源码一次性买断，没有二次费用，并享受免费更新。
在使用本站模板时，请不要使用我们的产品从事违反中华人民共和国法律、违反公序良俗的活动，否则我们有权拒绝服务，并配合有关单位予以处置。如果您不符合条件，请勿购买。
售后是指通过QQ与客服联系处理问题，售后过期不影响您对主题的使用和更新。免费三个月售后服务。售后服务时间为工作日早9点到晚5点。如果不在线可以QQ留言，我们会尽快给您答复。
售后服务包括程序的使用、BUG的处理、意见建议等。不包括技术服务、网站优化、二次开发、环境配置、服务器运维等。
代码类商品属于数字化商品，具有可复制性，不支持退款，详见《网络交易管理办法》第二章 第16条 第三类。
请仔细阅读我们的用户协议：用户协议
本站模板没有任何后门，也不会和我们服务器有任何通信，请您放心使用。
本源码一次性买断，没有二次费用，并享受免费更新。
在使用本站模板时，请不要使用我们的产品从事违反中华人民共和国法律、违反公序良俗的活动，否则我们有权拒绝服务，并配合有关单位予以处置。如果您不符合条件，请勿购买。
售后是指通过QQ与客服联系处理问题，售后过期不影响您对主题的使用和更新。免费三个月售后服务。售后服务时间为工作日早9点到晚5点。如果不在线可以QQ留言，我们会尽快给您答复。
售后服务包括程序的使用、BUG的处理、意见建议等。不包括技术服务、网站优化、二次开发、环境配置、服务器运维等。
代码类商品属于数字化商品，具有可复制性，不支持退款，详见《网络交易管理办法》第二章 第16条 第三类。
请仔细阅读我们的用户协议：用户协议
