最新公告
  • 欢迎您光临站长源码网,本站秉承服务宗旨 履行“站长”责任,销售只是起点 服务永无止境!立即加入钻石VIP
  • 自适应模板css样式判断PC电脑端样式手机端样式

    正文概述 管理员   2024-09-02   79

    我们在日常写模板过程中难免遇到自适应模板,同一个模板要判断电脑端与手机端使用不同的样式,这就需要用到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;}
    }
    


    站长源码网 » 自适应模板css样式判断PC电脑端样式手机端样式

    发表评论

    如需帝国cms功能定制以及二次开发请联系我们

    联系作者

    请选择支付方式

    ×
    支付宝支付
    微信支付
    余额支付
    ×
    微信扫码支付 0 元