最近在開發微信公眾號中發現了一些微信css兼容性問題，需要我們開發時留意:

.container {
display: flex;
justify-content: center;
}

1.容器的width:100%; 當有白色邊框時可能會超出，需要注意減去邊框的大小。

.container {
box-sizing: border-box;
width: calc(100% - 2px);
border: 1px solid white;
}

2.子元素的margin-top失效。因為微信中是否展示margin-top跟父元素有關，如果父元素設置了position:absolute, margin-top將失效，請使用padding-top代替。

.parent {
position: absolute;
}
.child {
padding-top: 10px;
}

3.父元素設置了overflow:hidden時,子元素設置的圓角失效。解決辦法是給父元素一個z-index。

.parent {
overflow: hidden;
z-index: 1;
}
.child {
border-radius: 10px;
}

以上就是微信css兼容性問題的三個解決方案，希望對大家有所幫助。