我用了一个好办法实现了电脑版与手机版的主题分离


3321 views

2021-04-12 11:54:36

本站最初建立的时候正值响应式网站流行的时候,在那个时候,似乎响应式的网站才是主流,不过这种方式带来的问题也非常明显:在设计网站的时候经常需要同时兼顾大屏幕与小屏幕的显示效果,导致很多技术无法全面的施展应用。

在之前很长一段时间本站也是采用响应式的设计来兼顾电脑和手机的显示效果,后来渐渐的发现了一款插件能够让一个博客根据域名来使用不同的主题,于是就放弃了响应式而变更为电脑端与手机端使用不同域名和主题的方式,但是在几个月前由于我们对程序的核心做了一些修改,导致这个原本使用很好的插件无法使用了,也发文说将不再兼容手机版全部采用电脑端的主题,不过最近我找到了一个新的主题设计思路更优雅的实现了电脑端与手机端的主题分离,说到这里我还是不得不感叹如今发展速度实在是太快了,手机端几乎是被安卓和苹果全部占领了,这带来的一个很大的好处是我们在做程序开发的时候要判断是不是手机端只需要判断是不是安卓和苹果就可以了。

我的思路是把主题的主页文件作为一个入口,在用户访问的时候判断用户的设备是手机还是电脑,然后加载相应的模板进行页面的渲染,实现了这个技术后,就不再需要做域名的跳转了,同一个域名电脑与手机访问显示的版面直接就是截然不同的,这让我在做页面设计的时候更加灵活,电脑端与手机端完全可以独立设计,不用再考虑兼顾的情况了。

上一篇:放宽心态,公然对抗强迫症行为

下一篇:我们为本站文章在微信中传播做了优化

扫码与我联系

★ ★ ★ ★ ★

“感谢你的鼓励与陪伴,我们的坚持才有意义”

创新与发展 – 优客记录保留所有权利

站内搜索 鄂ICP备16016329号-1 鄂公网安备42022202000038号