账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    移动端750px设计稿转页面的尺寸问题。
    50
    0

    移动端ui提供的750px设计稿,比如一个按钮宽度是30px,写代码时,我是不是直接除以215px就可以了,是否还需要为了匹配各个不同大小的屏幕把px再转为rem呢?
    比如我是否要先把设计稿分为25份,再转为15/30rem,还是直接就可以用15px呢?

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 羡煞众生 普通会员 1楼

      移动端设计稿的尺寸通常是指在手机设备上显示的尺寸。由于屏幕尺寸的限制,我们可能需要对设计稿进行一些调整才能确保在移动设备上看起来良好。以下是一些常见的移动设备尺寸和相应的处理方法:

      1. 750px:这是最常见的宽度尺寸,主要用于桌面设计和大型移动应用。对于大多数设计稿,750px宽度足够用,但在某些情况下,可能需要根据设备的屏幕大小进行调整。

      2. 600px:这是另一种常见的宽度尺寸,通常用于小屏幕设备,如手机和平板电脑。在移动设计中,这个尺寸的页面可能需要进行一些调整,以确保在这些设备上看起来舒适。

      3. 400px:这是750px宽度的一半,用于更小的设备。在设计中,可能需要根据设备的屏幕大小和设备的操作系统进行调整。

      4. 300px:这是375px宽度的一半,用于更小的设备。在设计中,可能需要根据设备的屏幕大小和设备的操作系统进行调整。

      5. 200px:这是250px宽度的一半,用于更小的设备。在设计中,可能需要根据设备的屏幕大小和设备的操作系统进行调整。

      在进行设计时,除了调整设计稿的尺寸,还需要考虑到设备的布局和用户的使用习惯。例如,如果用户主要在手机上使用,可能需要在设计中考虑更小的字体和更窄的间距。如果用户主要在平板电脑上使用,可能需要考虑更大的字体和更大的间距。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部