page contents
首页 问答
正文

如何根据设计稿进行移动端适配？

轩辕小不懂 发布于 2021-12-03 14:30
阅读 383
收藏 0
答案 1
分类：WEB前端开发
  • CSS
    • 默认排序 时间排序
    2564
    Nen
    Nen
    - 程序员

    移动端适配主要有两个维度：

    适配不同像素密度， 针对不同的像素密度，使用 CSS 媒体查询，选择不同精度的图片，以保证图片不会失真；

    适配不同屏幕大小， 由于不同的屏幕有着不同的逻辑像素大小，所以如果直接使用 px 作为开发单位，会使得开发的页面在某一款手机上可以

    准确显示，但是在另一款手机上就会失真。为了适配不同屏幕的大小，应按照比例来还原设计稿的内容。

    为了能让页面的尺寸自适应，可以使用 rem，em，vw，vh 等相对单位。

    请先 登录 后评论
    轩辕小不懂
    1 关注
     
    轩辕小不懂
    提出于 2021-12-03 14:30
    全部

    轩辕小不懂 的其他提问

    类似问题

    浏览器是如何对 HTML5 的离线储存资源进行管理和加载?
    1 回答
    383 阅读
    行内元素有哪些 块级元素有哪些 空(void)元素有哪些?
    1 回答
    383 阅读
    img的srcset属性的作用？
    1 回答
    383 阅读
    常用的meta标签有哪些？
    1 回答
    383 阅读
    script标签中defer和async的区别？
    1 回答
    383 阅读
    DOCTYPE(文档类型) 的作用?
    1 回答
    383 阅读