最近在学习如何适配移动端,请大神解答一下?
问题一
请问类似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 这样是怎么做到的?是前端来实现还是后端实现?
有这方面的文章吗?
谢谢各位大神
关于兼容:
你需要知道你所用的属性在什么平台上可用, 可以在 http://caniuse.com/ 里查询;
针对无法兼容的情况(比如UC里面不能用
flex-wrap
)可能就需要用别的替代方案了;向下兼容(比如加前缀等)可以用自动化工具, 如 autoprefixer 等;
关于浏览器判断:
判断UserAgent, 后端前端都可以做, 根据UA来响应
判断设备特性, 比如利用Canvas是否支持Webp来确定当前设备是否可用Webp
判断UA, 同上
回答评论区问题: