在今天的互聯網時代，各種尺寸的設備快速發展，使得我們的網頁要兼容不同的設備，其中PC和M端是比較常見、需要兼容的兩個。

在CSS中主流的移動端和PC端的兼容方案有響應式布局和分離式布局。

/* 響應式布局 */
@media screen and (max-width: 768px) {
/* 縮小屏幕顯示效果 */
}
@media screen and (min-width: 768px) {
/* 普通電腦屏幕顯示效果 */
}
@media screen and (min-width: 1200px) {
/* 大屏幕電腦屏幕顯示效果 */
}
/* 分離式布局 */

上面兩種方式都能達到兼容PC和M端的目的，只不過響應式布局需要使用@media查詢，而分離式布局則需要多個CSS文件。

雖然兩種方案都能實現兼容PC和M端的效果，但是在實際使用時，還需要注意以下幾個問題：

• 響應式布局需要關注不同屏幕下的像素密度、不同設備下的效果等，可能需要調整多次。
• 分離式布局需要注意在不同設備下要使用正確的CSS文件。
• 兩種方案都需要在設計時考慮不同屏幕或設備下的交互、字體大小等，避免在小屏幕設備上顯示不全或者字體過小。

綜上所述，對于兼容PC和M端的網頁，在選擇響應式布局或分離式布局時，需要根據自己的情況進行選擇，并且要注意以上問題，保證在不同設備下的網頁顯示效果更佳。