<菜鸡求救>已有 php 站点 移动设备浏览匹配的问题

[Sarielwind]

因个人对html知之甚少, 现遇到网站移动设备匹配的问题头很大, 试过百度的云适配, 因为网站套用的模板和样式, 转化效果很差. 并不打算做个独立的wap站, 想尝试用viewpoint调整, 需要更改html和样式内容, 这块我就是个菜鸡, 求各路大神指教,因为内容页多是套用模板 所以只要主页样式能正确调整, 后面我都可以按部就班了 站址:www.zgcmotor.com

[thecooker]

可以考虑响应式设计，针对不同分辨率/设备返回不同的样式和布局。
另外一种方案是程序后台针对不同的设备（入口）返回不同的view，当然这是我瞎想的，差不多就是我理解的mvc，因为程序较弱，这一块还没尝试过。

[Sarielwind]

@thecooker 先谢过, 但对于响应式设计这块我还在参考 uikit一些简单上手的工具. 但肯定比较麻烦, 我也很想知道viewport 有没有单独支持pad 等移动端识别适配的方法 求各路大神支招哈~~

[alvinliu]

CSS3 media query

[bombless]

百度那个匹配就是一个笑话……
你这种情况还是外包吧……

[Sarielwind]

@alvinliu 诶 小公司都是要自己动手啊 正在尝试media query方案, 其实有没有能用编程方式对访问来源媒体解析, 根据结果判定视口初始大小 毕竟我只需要视觉上适配就行了 再去针对分辨率做样式表好难....

[Sarielwind]

@alvinliu @thecooker @bombless 最后还是参考使用了脚本识别屏宽的方案 虽然对预载负载比较大, 不过小网站 还没什么流量, 而且公司的服务器空间买的还算可以, 这个方案维护成本低 有兴趣可以去这个forum看一下 http://w3facility.org/question/achieving-min-width-with-viewport-meta-tag/

[Sarielwind]

自己再记录一下 需要加入target-dpi这一条才能完全适配 自定义一部分屏宽条件的代码