小编Run*_*ick的帖子

我需要在其中一个元素上设置“封面”背景。

什么是使用CSS的利弊background-size: cover与实际img使用object-fit: cover？

据我所知，我可以通过 srcSet 和大小在响应性方面更好地控制 img。但是它在没有 polyfill 的 IE11 中不起作用。

如何从屏幕阅读器中隐藏 CSS 某些生成的内容（用于纯样式）？是否可以不使用 HTML hacks 之类的aria-hidden？

例如，我使用代码content: '·';来分离东西。我检查了 facebook 和其他大玩家，但他们似乎都使用 span aria-hidden：

<span aria-hidden="true">·</span>

这是否意味着目前不可能？

我有一个我想订购的对象数组（本质上它是一个表格）：

myArr = [{
    name: 'John',
    email: 'john@gmail.com',
    accepted: true
}, {
    name: 'Alfred',
    email: 'alfred@gmail.com',
    accepted: false
}]

我正在使用 lodash 中的 orderBy，如下所示：

//get columnName to sort by from another function
const newArr = _.orderBy(myArr, [columnName], ['asc'])

按姓名和电子邮件订购可以正常工作，因为接受它并没有做任何事情。我知道我可以将接受存储为 0 和 1，但是还有其他方法吗？lodash 是否足够，或者我应该为此创建一个单独的函数？

我在SMACSS/ITCSS中使用CSS的'组件'方法,我仍然在考虑使用替代(深色)背景的样式部分.

例如,条纹有规则(白色的深色文本)和替代(黑暗的白色文本)部分.

据我所知,有假设HTML的选项:

<section class="dark">
    <h2>Title</h2>
    <p>Text</p>
    <a href="#" class="btn">Action</a>
</section>

部分语境中的风格,例如:

.dark h2, .dark p, .dark btn {
  color: white;
}

但是a)不建议使用上下文样式; b)人们把风格放在哪里？(Harry Roberts认为在组件的文件中)

使用修饰符创建替代颜色的组件

并更改HTML,例如:

.title--alt-color {color: white;}
.text--alt-color {color: white; }
... 

但是a)当你不知道哪些组件会进入那里时它不起作用; b)管理HTML的更多工作.

也许有更好的方法来处理这个问题？

就可访问性和文档结构而言，主页上的 h1 或主标题应该是什么？

在其他页面上，情况大多很简单：页面标题是 h1 的良好候选者。但主页上很可能没有标题？

那么你想制作一个 h1 什么呢？标志？隐藏标题说主页？

如果 line-height 不够用，Typekit 在选择文本时会添加一些难看的重叠部分：

有没有办法来解决这个问题？

我使用 Flexbox 列进行非常基本的布局。下面有标题、图像和列表。列表必须有边框并且可以有不同的内容。是否可以在没有 JavaScript 的情况下使这些列表部分基于最大的高度相等？或者需要用JS计算出最大截面高度并应用到其他地方？

这就是我要的：

这就是我所拥有的：

.columns {
  display: flex;
}

.col {
  margin-left: 20px;
}

ul {
  margin: 0; 
}

.list {
  padding: 24px;
  border: 1px solid blue;
}

<div class="columns">

  <div class="col">
    <h3>Header</h3>
    <div class="list">
      <ul>
        <li>List item</li>
        <li>List item</li>
      </ul>
    </div>
  </div>
  
  <div class="col">
    <h3>Header</h3>
    <div class="list">
      <ul>
        <li>List item</li>
        <li>List item</li>
        <li>List item</li>
        <li>List item</li>
      </ul>
    </div>
  </div>

</div>