css 兼容Edge，怎么改？

@media (min-width: 768px) {

  /* 大于等于 768px 的屏幕 */
  /* PC端样式 */
  .md-selector .md-popup,
  .md-tab-picker .md-popup,
  .md-picker .md-popup {
    left: 34.8%;
    right: 34.8%
  }
}

这段代码 想做edge得兼容， 怎么把其中得 ，其他浏览器还是保持边距不变

  left: 34.8%; 改成 left: 20%; 

参考GPT和自己的思路：

为了在Edge上实现兼容，您需要修改代码如下：

@media screen and (min-width: 768px) {

  /* 大于等于 768px 的屏幕 */
  /* PC端样式 */
  .md-selector .md-popup,
  .md-tab-picker .md-popup,
  .md-picker .md-popup {
    left: 20%;
    right: 20%;
    position: relative;
  }
}

在Edge上进行测试，此代码段应该能够正常工作并将左边距设置为20％。边距设为20％右侧也应该是一样的，因为我们给了它一个等于左侧侧边距的值。注意：为了保持稳定性，建议您在精细操作样式表时备份文件。

参考GPT和自己的思路：

针对这个问题，在兼容Edge浏览器的情况下，可将代码改为以下格式：

@media screen and (min-width: 768px) {

  /* 大于等于 768px 的屏幕 */
  /* PC端样式 */
  .md-selector .md-popup,
  .md-tab-picker .md-popup,
  .md-picker .md-popup {
    left: 20%;
    right: 20%;
  }
}

具体改动是将 min-width: 768px 前添加 screen and，同时将 left 和 right 的值都改为 20%。这份修改的代码可同时兼容Edge与其他主流浏览器，并且在布局上左右边距相同。

@supports (-ms-ime-align: auto) { //针对edge
   你试一下
}