使用媒体查询判断屏幕的方向

通过媒体查询 orientation 判断屏幕的方向,显示不同的样式

<p class="orientation">屏幕方向:</p>
@media all and (orientation: landscape) {
  .orientation::after {
    content: '横屏';
    color: #3eaf7c;
  }
}
@media all and (orientation: portrait) {
  .orientation::after {
    content: '竖屏';
    color: #327bce;
  }
}

# 效果

屏幕方向:

反转屏幕查看不同的效果

git的一些常用命令

git的一些常用命令

搜集整理一些 git 的常用命令

vuepress 踩坑记录