css 兼容Edge，怎么改？

Question

@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%; 

Answer 1

参考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％右侧也应该是一样的，因为我们给了它一个等于左侧侧边距的值。注意：为了保持稳定性，建议您在精细操作样式表时备份文件。