ONE SITE, ALL SCREENS
同一个站,三种样子
左边这张图,就是我们做出来的实际效果——从左到右:手机、平板、电脑。
HOW IT WORKS
它是怎么"自动变"的
≥ 1200px
电脑端
多列排版、大图宽屏,鼠标悬停有细节动效。按桌面浏览习惯排。
768–992px
平板端
两列排版收窄,导航从横排收成汉堡菜单。手指点的位置加大。
≤ 480px
手机端
全部堆叠成单列,字放大、按钮加高,打电话一键直拨。
所谓"断点",就是我们写代码时定好的几个宽度刻度:屏幕窄到某个程度,排版规则自动切换。你不用懂这个,只要知道——你的客户拿什么设备看,我们都替你想过了。
什么时候选响应式
- 电脑和手机访客都有,比例差不多
- 内容量中等,没有特别复杂的手机功能
- 想省钱:一套站、一个后台、一次维护
- 想省心:改一篇文章,三端同步生效
什么时候考虑独立手机站
- 访客几乎全在手机上(如本地餐饮门店)
- 手机端有特殊功能:预约、排队、点餐
- 对手机端打开速度要求到极致
- 已经有个老电脑站,只想补个手机入口
拿不准?把你网站的访客数据给我们看一眼,没数据就按行业常识估。多数河南中小企业,响应式就够了。
60%
本地客户网站现在来自手机的访问占比
3套
响应式只维护一套站,而非电脑+手机两套
1次
改内容三端同步,不用重复录入
秒开
手机端加载优化好了,访客才等得及