![Rank: 7](images/default/star_level3.gif) ![Rank: 7](images/default/star_level2.gif) ![Rank: 7](images/default/star_level1.gif)
- 積分
- 5635
- 威望
- 5635
- 金錢
- 4993
- 最後登錄
- 2020-5-17
![貢獻特別級會員 貢獻特別級會員](images/common/contribute3.gif) ![正式版主 正式版主](images/common/bansuz2.gif) ![中級會員 中級會員](images/common/member_200.gif) ![高級會員 高級會員](images/common/member_500.gif) ![金牌會員 金牌會員](images/common/member_1000.gif) ![論壇元老 論壇元老](images/common/member_3000.gif)
|
当今,手机已经成为人们生活中不可或缺的电子设备了.而作为一个网站,如果能搞好手机端,那么势必会给论坛带来更多的客流量
然后呢,这几天研究了响应式页面设计,感觉这个东西可以让我们做出一些简单的手机端页面.
响应式涉及,就是根据页面宽度自动调整页面内容.需要CSS3支持.
不过,既然是要做手机端页面,那么CSS3必然是支持的.手机端的SAFARI,UC浏览器等都是支持CSS3的.(难道会有人在手机上弄IE么= =)
所以说,理论上绝对是可行的.
那么,推荐代码开发者们看看这几个东西吧
1.响应式设计视频教学
http://net.tutsplus.com/tutorial ... ign-a-visual-guide/
2.CSS @media 语法
https://developer.mozilla.org/en ... e/CSS/Media_queries
3.手机页面测试器
http://mattkersley.com/responsive/
同时,章鱼之家已经实现了简单的手机端页面效果
http://zyhome.66rt.com/
只要用手机直接访问就行了~
注意:
1.得在有WIFI的时候访问,不然烧了很多流量不要怪我...
2.如果是UC浏览器请关闭极速模式和云端加速,否则进去以后是个电脑版的网页而不是手机版的
然后,电脑用户也可以把浏览器的页面弄窄,也能看到效果哦! |
|