SCLUB免費論壇申請-使用者論壇's Archiver

章鱼 發表於 2013-10-20 15:38

【章鱼之家】用响应式页面设计制作手机版论坛?

当今,手机已经成为人们生活中不可或缺的电子设备了.而作为一个网站,如果能搞好手机端,那么势必会给论坛带来更多的客流量

然后呢,这几天研究了响应式页面设计,感觉这个东西可以让我们做出一些简单的手机端页面.

响应式涉及,就是根据页面宽度自动调整页面内容.需要CSS3支持.
不过,既然是要做手机端页面,那么CSS3必然是支持的.手机端的SAFARI,UC浏览器等都是支持CSS3的.(难道会有人在手机上弄IE么= =)
所以说,理论上绝对是可行的.

那么,推荐代码开发者们看看这几个东西吧
1.响应式设计视频教学
[url]http://net.tutsplus.com/tutorial[/url] ... ign-a-visual-guide/
2.CSS @media 语法
[url]https://developer.mozilla.org/en[/url] ... e/CSS/Media_queries
3.手机页面测试器
[url]http://mattkersley.com/responsive/[/url]

同时,章鱼之家已经实现了简单的手机端页面效果
[url]http://zyhome.66rt.com/[/url]
只要用手机直接访问就行了~
注意:
1.得在[color=Red][b]有WIFI的时候[/b][/color]访问,不然烧了很多流量不要怪我...
2.如果是UC浏览器请关闭极速模式和云端加速,否则进去以后是个电脑版的网页而不是手机版的
然后,电脑用户也可以把浏览器的页面弄窄,也能看到效果哦!

luluxiuMUGEN 發表於 2013-10-20 21:43

{:12_541:}顶章鱼

LOVE阿蒙 發表於 2013-10-21 02:09

{:9_402:}赞章鱼

达人小G 發表於 2013-10-21 07:44

能做个APP吗

章鱼 發表於 2013-10-21 09:59

[b]回復 [url=http://www.sclub.com.tw/discuz/redirect.php?goto=findpost&pid=197845&ptid=25949]4#[/url] [i]达人小G[/i] [/b]


   
不用APP,直接用自带浏览器访问我的论坛就能看到效果哦!

达人小G 發表於 2013-10-22 06:53

[quote]回復  达人小G


   
不用APP,直接用自带浏览器访问我的论坛就能看到效果哦! ...
[size=2][color=#999999]章鱼 發表於 2013-10-20 20:59[/color] [url=http://sclub.com.tw/discuz/redirect.php?goto=findpost&pid=197852&ptid=25949][img]http://sclub.com.tw/discuz/images/common/back.gif[/img][/url][/size][/quote]
app在爪机里面容易给用户点开

章鱼 發表於 2013-10-22 09:56

[b]回復 [url=http://www.sclub.com.tw/discuz/redirect.php?goto=findpost&pid=197967&ptid=25949]6#[/url] [i]达人小G[/i] [/b]


   
APP暂时还做不来= =

hjmdhjm 發表於 2019-8-5 16:14

学习拉,谢谢

頁: [1]

Powered by Discuz! Archiver 7.2  © 2001-2009 Comsenz Inc.