跳转至内容
  • 社区首页
  • 版块
  • 最新
  • 标签
  • 热门
折叠

GitHub中文论坛

  1. 主页
  2. 版块
  3. 技术交流
  4. tailwind base默认样式怎么移除

tailwind base默认样式怎么移除

已定时 已固定 已锁定 已移动 技术交流
2 帖子 2 发布者 11.9k 浏览
  • 从旧到新
  • 从新到旧
  • 最多赞同
回复
  • 在新帖中回复
登录后回复
此主题已被删除。只有拥有主题管理权限的用户可以查看。
  • xiaoai_myX 离线
    xiaoai_myX 离线
    xiaoai_my
    写于 最后由 编辑
    #1

    tailwind 中 @base 会设置 img 标签 height: auto。

    img, video {
        max-width: 100%;
        height: auto;
    }
    

    这导致我文章里面的图片宽度被拉伸的和容器一样的宽度100%了。

    我尝试覆盖为unset但是没用,其他什么initial 试了也不行

    @layer base {
      img, video {
        height: unset;
      }
    }
    
    1 条回复 最后回复
    0
    • loveme199L 离线
      loveme199L 离线
      loveme199
      写于 最后由 编辑
      #2

      参考
      https://github.com/tailwindlabs/tailwindcss/pull/7742
      安装postcss-remove-rules
      然后 postcss.config.js 配置

      module.exports = {
        plugins: {
          tailwindcss: {},
          autoprefixer: {},
          "postcss-remove-rules": {
            rulesToRemove: {
              "img,\nvideo": "height",
            },
          },
        },
      }
      
      1 条回复 最后回复
      0
      回复
      • 在新帖中回复
      登录后回复
      • 从旧到新
      • 从新到旧
      • 最多赞同


      • 登录

      • 第一个帖子
        最后一个帖子
      0
      • 社区首页
      • 版块
      • 最新
      • 标签
      • 热门