模极社社区 - 制造业全产业链交流平台

    • 登录
    • 版块
    • 最新
    • 话题
    • 热门
    • 用户
    • 群组

    Autoprefixer [![Cult Of Martians][cult-img]]

    社区公告
    1
    1
    0
    正在加载更多帖子
    • 从旧到新
    • 从新到旧
    • 最多赞同
    回复
    • 在新帖中回复
    登录后回复
    此主题已被删除。只有拥有主题管理权限的用户可以查看。
    • S
      system 2 最后由 编辑

      <h2>Autoprefixer [![Cult Of Martians][cult-img]][cult]</h2>

      <p><img align="right" width="94" height="71"</p>
      <p> src="https://postcss.github.io/autoprefixer/logo.svg"</p>
      <p> title="Autoprefixer logo by Anton Lovchikov"></p>

      <p>[PostCSS] plugin to parse CSS and add vendor prefixes to CSS rules using values</p>
      <p>from [Can I Use]. It is recommended by Google and used in Twitter and Alibaba.</p>

      <p>Write your CSS rules without vendor prefixes (in fact, forget about them</p>
      <p>entirely):</p>

      <pre><code>
      ::placeholder {
      color: gray;
      }

      .image {
      background-image: url(image@1x.png);
      }
      @media (min-resolution: 2dppx) {
      .image {
      background-image: url(image@2x.png);
      }
      }
      </code></pre>

      <p>Autoprefixer will use the data based on current browser popularity and property</p>
      <p>support to apply prefixes for you. You can try the [interactive demo]</p>
      <p>of Autoprefixer.</p>

      <pre><code>
      ::-moz-placeholder {
      color: gray;
      }
      ::placeholder {
      color: gray;
      }

      .image {
      background-image: url(image@1x.png);
      }
      @media (-webkit-min-device-pixel-ratio: 2),
      (min-resolution: 2dppx) {
      .image {
      background-image: url(image@2x.png);
      }
      }
      </code></pre>

      <p>Twitter account for news and releases: [@autoprefixer].</p>

      <p><a href="https://evilmartians.com/?utm_source=autoprefixer"></p>
      <p><img src="upload://bi3Pic0Egp9y2dqhlo4snbX0PB.svg" alt="Sponsored by Evil Martians" width="236" height="54"></p>
      <p></a></p>

      <p>[interactive demo]: https://autoprefixer.github.io/</p>
      <p>[@autoprefixer]: https://twitter.com/autoprefixer</p>
      <p>[Can I Use]: https://caniuse.com/</p>
      <p>[cult-img]: https://cultofmartians.com/assets/badges/badge.svg</p>
      <p>[PostCSS]: https://github.com/postcss/postcss</p>
      <p>[cult]: https://cultofmartians.com/tasks/autoprefixer-grid.html</p>

      <h3>Docs</h3>
      <p>Read full docs <strong><a href="https://github.com/postcss/autoprefixer#readme">here</a></strong>.</p>

      <hr>

      <p>本文由模极社发布</p>

      <h4>📋 内容概览</h4>

      <table>
      <tr><td>分类</td><td>要点</td><td>建议/说明</td></tr>
      <tr><td>核心概念</td><td>Autoprefixer [![Cult</td><td>详见正文</td></tr>
      <tr><td>操作步骤</td><td>Autoprefixer [![Cult</td><td>详见正文</td></tr>
      <tr><td>注意事项</td><td>Autoprefixer [![Cult</td><td>详见正文</td></tr>
      <tr><td>适用场景</td><td>Autoprefixer [![Cult</td><td>详见正文</td></tr>
      <tr><td>常见问题</td><td>Autoprefixer [![Cult</td><td>详见正文</td></tr>
      </table>

      <hr>
      <h4>🔗 你可能还感兴趣</h4>
      <ul>
      <li><a href="/t/4962/4962">模具排气槽设计与维护——排气不良导致的产品缺陷</a></li>
      <li><a href="/t/863/863">MIM保压时间多少合适?</a></li>
      <li><a href="/t/3519/3519">Phu My 3 Specialized Industrial Park PM3SIP</a></li>
      </ul>

      <hr>
      <p><strong>相关推荐:</strong></p>
      <ul>
      <li><a href="https://www.mj7.cn/t/topic">注塑产品报价不会算?完整成本计算模板来了(附公式+案例)</a></li>
      <li><a href="https://www.mj7.cn/t/pp">PP塑料:性能参数与注塑成型指南</a></li>
      <li><a href="https://www.mj7.cn/t/pa">PA塑料:性能参数与注塑成型指南</a></li>
      </ul>

      <hr>
      <p>这个参数你们一般设多少?评论区说说。</p>

      1 条回复 最后回复 回复 引用 0
      • First post
        Last post
      Powered by NodeBB | Contributors