自适应模板css样式判断PC电脑端样式手机端样式
我们在日常写模板过程中难免遇到自适应模板,同一个模板要判断电脑端与手机端使用不同的样式,这就需要用到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;}
}
#免责声明#
ZHANN.CN帝国之家工作室内所有作品,均为ZHANN手写代码。部分样式或模板代码移植或仿造自互联网(如有侵权,出示著作权证书联系我删除),所有代码不能用于非法站点(色情,暴力,政治类站点)。ZHANN只提供源代码服务,不提供任何建站服务。不承担任何建站后的法律问题!ZHANN所得费用均为制作模板劳动报酬。使用开源免费的帝国CMS作为核心,请保留帝国CMS的版权。如商用请购买帝国商业版,ZHANN只做帝国CMS模板服务,不做任何建站、不制作采集任何网站内容、不出售任何非开源有版权源代码更不卖任何域名和空间服务器,我出卖的只是我的技术劳动力!如在本站发生交易任何资源或者下载任何资源,则代表默认同意以上文字内容。感谢小伙本的支持,做一个知法守法的好公民!