2021-04-09 10:18发布
一般两种做法：后端渲染不同站点 / 前端适配
一般不那么要紧的，偏展示的接近静态的页面可以走前端适配。例如小红书这个。
前端适配两种：
借助JS动态渲染文档内容适配
DOM一致，仅通过CSS媒体查询做不同样式
Henry Here。这个就是个纯CSS的适配，可以注意观察不同屏幕宽度下元素的展现/隐藏，和下面那堆盒子的排布。
一般大型网站，关键页面，对PC、移动端UI设计要求很高的，页面逻辑重，需要针对两端优化的，都是要做两套的。例如百度文库：https://wenku.baidu.com
这个地址PC打开和wap打开渲染的完全是两套东西，甚至域名都重定向了。
可以理解为两个网站，一个针对PC做，一个针对wap做，后端通过判断useragent觉得给你哪个站
最多设置5个标签!
{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1515056452',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','/static/images/logo.png', '推荐 孩纸的天真你不懂 的问题《h5如何实现适配pc和移动界面》','http://www.shouhuola.com/answer/35611/144758.html','页面编码gb2312|utf-8默认gb2312'));){kind=link}
一般两种做法：后端渲染不同站点 / 前端适配
一般不那么要紧的，偏展示的接近静态的页面可以走前端适配。例如小红书这个。
前端适配两种：
借助JS动态渲染文档内容适配
DOM一致，仅通过CSS媒体查询做不同样式
Henry Here。这个就是个纯CSS的适配，可以注意观察不同屏幕宽度下元素的展现/隐藏，和下面那堆盒子的排布。
一般大型网站，关键页面，对PC、移动端UI设计要求很高的，页面逻辑重，需要针对两端优化的，都是要做两套的。例如百度文库：https://wenku.baidu.com
这个地址PC打开和wap打开渲染的完全是两套东西，甚至域名都重定向了。
可以理解为两个网站，一个针对PC做，一个针对wap做，后端通过判断useragent觉得给你哪个站
一周热门 更多>