武汉心悦科技有限公司
系统开发 , 软件订制服务
小树APP系统开发

  小树系统开发找廖经理【开发软件联系方式见上方】广州开发公司,小树小程序开发,小树APP系统软件开发,小树APP软件开发,小树APP系统开发,小树软件系统开发,小树小程序开发,小树开发模板1、PC端和移动端共用一套项目

这样的解决方案目前也经常出现,但是前提条件是页面的布局结构相对来说比较的简单,这样即使移动端屏幕比较的窄,我们可以通过类似于把PC端的三列布局改为一列布局的方案或者是宽高自适应缩放等,实现响应式布局的开发。例如:华为、猎豹移动都是这样实现的。

2、PC端和移动端使用不同两套项目

解决方案虽然解决了我们的需求,但是一旦页面的结构相对来说复杂一些,我们在进行HTML的排版布局调整,一方面会加大工作量,另外一方面终排版完成的页面也不方便用户的阅读使用。所以,目前大部分的公司都是PC端单独按照一套排版来做,移动端也会单独的设计一套更符合用户阅读的排版。例如:京东、QQ新闻、淘宝等都是这样处理的。

但是不管是那一套方案,很多时候都需要我们检测出当前页面运行的环境是PC端的浏览器还是移动端的浏览器,尤其是第二套方案,我们要避免用户在PC端打开移动端项目地址,也要避免用户在移动端打开PC端的项目地址,所以检测到底是什么平台环境下的浏览器至关重要。

下面给大家分享的这段代码来自于腾讯新闻部门,他们的团队自己用多台手机进行测试,终总结出一套相对比较完善的检测代码:


展开全文
优质商家推荐 拨打电话