扫码关注官方订阅号
就想问一下,拿到PC的设计图,布局的时候要不要考虑兼容iPad这些大屏幕的移动设备?
小伙看你根骨奇佳,潜力无限,来学PHP伐。
根据设配做适配吧。
一般ipad就是用手机版本的适配,pc版本的不考虑ipad。
如果你们想一起考虑了,可以选择使用响应式布局方式开发。
三个字,看需求。比如我们有一些变态的需求,要适配手机横屏竖屏,ipad横屏竖屏,pc横屏, 4k电视横屏竖屏。
iPad 逻辑像素:1024*768
iPad pro 逻辑像素:1024*1366
只要设计图主体宽度不超过1024,那剩下的就是一个“768”了;
针对768,有两种解决方案:1、如果像主页这种页面比较复杂不容易在768时自适应,当用户竖屏拿ipad时,给用户提示“横屏才能获得最佳效果”2、如果页面不复杂,可以考虑用百分比宽度兼容768;
看需求啊。也要看设计师设计的页面最小宽度是多大。
看需求来适配
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
根据设配做适配吧。
一般ipad就是用手机版本的适配,pc版本的不考虑ipad。
如果你们想一起考虑了,可以选择使用响应式布局方式开发。
三个字,看需求。
比如我们有一些变态的需求,要适配手机横屏竖屏,ipad横屏竖屏,pc横屏, 4k电视横屏竖屏。
iPad 逻辑像素:1024*768
iPad pro 逻辑像素:1024*1366
只要设计图主体宽度不超过1024,那剩下的就是一个“768”了;
针对768,有两种解决方案:
1、如果像主页这种页面比较复杂不容易在768时自适应,当用户竖屏拿ipad时,给用户提示“横屏才能获得最佳效果”
2、如果页面不复杂,可以考虑用百分比宽度兼容768;
看需求啊。也要看设计师设计的页面最小宽度是多大。
看需求来适配