因个人对html知之甚少, 现遇到网站移动设备匹配的问题头很大, 试过百度的云适配, 因为网站套用的模板和样式, 转化效果很差. 并不打算做个独立的wap站, 想尝试用viewpoint调整, 需要更改html和样式内容, 这块我就是个菜鸡, 求各路大神指教,因为内容页多是套用模板 所以只要主页样式能正确调整, 后面我都可以按部就班了 站址:www.zgcmotor.com
1
thecooker 2015-06-08 10:54:57 +08:00 via Android
可以考虑响应式设计,针对不同分辨率/设备返回不同的样式和布局。
另外一种方案是程序后台针对不同的设备(入口)返回不同的view,当然这是我瞎想的,差不多就是我理解的mvc,因为程序较弱,这一块还没尝试过。 |
2
Sarielwind OP @thecooker 先谢过, 但对于响应式设计这块我还在参考 uikit一些简单上手的工具. 但肯定比较麻烦, 我也很想知道viewport 有没有单独支持pad 等移动端识别适配的方法 求各路大神支招哈~~
|
3
alvinliu 2015-06-08 19:29:56 +08:00
CSS3 media query
|
4
bombless 2015-06-08 19:34:32 +08:00
百度那个匹配就是一个笑话……
你这种情况还是外包吧…… |
5
Sarielwind OP @alvinliu 诶 小公司都是要自己动手啊 正在尝试media query方案, 其实有没有能用编程方式对访问来源媒体解析, 根据结果判定视口初始大小 毕竟我只需要视觉上适配就行了 再去针对分辨率做样式表好难....
|
6
Sarielwind OP @alvinliu @thecooker @bombless 最后还是参考使用了脚本识别屏宽的方案 虽然对预载负载比较大, 不过小网站 还没什么流量, 而且公司的服务器空间买的还算可以, 这个方案维护成本低 有兴趣可以去这个forum看一下 http://w3facility.org/question/achieving-min-width-with-viewport-meta-tag/
|
7
Sarielwind OP 自己再记录一下 需要加入target-dpi这一条才能完全适配 自定义一部分屏宽条件的代码
|