交易所响应式页面设计【从21:9屏宽到375px屏宽的响应】

金融类“交易页面”为整个网站用户访问时间最久的页面,所以做到网页端响应到所有屏幕,是一件蛮重要的事情

下面展示从超宽屏幕到iphone7设备的设计效果图。


1.苹果手机显示样式768px 以下屏幕显示(360 x 640 设计稿)

2. ipad / 常用12寸显示器 768~1200之间显示(1024 x 798 设计稿):

3. 主流15寸显示器  屏宽:1440px~1920之间显示(1440 x 900 设计稿):

4. 主流27寸、24寸的显示器  屏幕宽度:1920 ~2560 之间显示(1920 x 1080 设计稿):

5. 宽屏幕显示器 屏幕宽度:2560 px 以上的显示器(2560 x 1080 设计稿)这类显示器基本为游戏重度玩家:

 

发表评论

电子邮件地址不会被公开。