如何根据浏览器对CSS属性的支持与否,加载不同的CSS样式

Question

最近在学习如何适配移动端,请大神解答一下?

问题一

请问类似UC浏览器不支持VH,VW,flex布局的wrap,calc这些属性,但是其他移动端浏览器都支持,而我需要用到flex布局的wrap,如何能够实现uc浏览器加载一套CSS代码,其他浏览器加载一套代码? 

uc浏览器连@support都不支持,好像只能用JS来写.

有这方面的文章吗?网上找到的都是

<!--[if lt IE 7]>  

<!--[if lte IE 6]>针对IE的.

问题二

我看了一号店的图片是webp格式,但是ios是不支持Webp格式的图片的.请问怎么实现不同浏览器加载不同路径的图片?这个是前端来做还是后端来做?

有这方面的文章吗? 网上没找到~ 

问题三

在浏览器输入百度,1号店,是跳转到m.baidu.com m.yhd.com而在桌面端是跳转到www.baidu.com 这样是怎么做到的?是前端来实现还是后端实现?

有这方面的文章吗?    

谢谢各位大神