当div使用asp.net中的css调整大小时更改文本对齐方式

Question

我在其中使用了flex容器和div来为我的站点制作一个菜单栏。所有的文本都与中心对齐了。

我需要文本对齐左，一旦它调整大小在较小的设备。有什么方法可以用css来完成吗？

Answer 1

如果基于屏幕大小，则可以在样式表或@media screen标记中使用CSS @media screen https://developer.mozilla.org/en-US/docs/Web/CSS/@media。

@media screen and (max-width: 767px) {
  p,li{
    text-align: left;
  }
}

这意味着在767px的最大宽度来执行封闭的样式。

注意:你必须注意CSS的特殊性。为了确保其他部分中的样式不再覆盖@media https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity中的样式