CSS兼容性一步步弄好 我的踩坑记录求指教

站子换模板后手机端样式全乱，用七评CMS后台调了半天才理出头绪。

先到后台「系统设置-模板管理」把当前模板的CSS文件路径记下来，通常在 /templates/当前模板/css/ 下。我进「外观-自定义CSS」加媒体查询，@media (max-width:768px){.wrap{width:100%!important;}}，保存后手机端页面宽度就正常了，没生效的话大概率是缓存没清，到「系统工具-缓存管理」点清空再刷。第二步改公共头部引入顺序，打开 /templates/当前模板/header.html，把兼容样式放主CSS后面，避免优先级冲突，改完刷新看控制台有没有404，有就说明路径写错了。

CSS兼容性这玩意儿我调了两天才顺，你们有没有更省事的写法，我这样改会不会影响PC端？