美文网首页
关于移动端适配

关于移动端适配

作者: Asuler | 来源:发表于2020-04-07 16:34 被阅读0次

移动端适配只要在html上加个

<meta name="viewport" content="width=750,user-scalable=no">

这个750是指屏幕宽度,这个值改成UI设计稿上的宽度,然后下面所有的尺寸都按照设计稿的来就行了,他会自动缩放的。

但是ant design mobile 没有跟上这个viewport,就是我们自己用viewport适配的很好,但是他这个组件却没有适配,所以得适配

image.png image.png

在这个全局的less里面直接这样加上,就ok了

相关文章

  • 解决vue移动端适配问题

    1,先看看网上关于移动端适配讲解 再聊移动端页面适配,rem和vw适配方案! 基础点:rem相对根节点 字体的大小...

  • 解决vue移动端适配问题

    1,先看看网上关于移动端适配讲解 再聊移动端页面适配,rem和vw适配方案! 基础点:rem相对根节点字体的大小。...

  • 书签管理器4

    移动端问题 关于移动端适配,你必须要知道的 - 掘金 稍微整理了几个经常在...

  • 关于移动端适配

  • 关于移动端适配

    要想用到100%必须所有的层级都用到100%,包括html,body。。。。。。(calc() 函数用于动态计算长...

  • 关于移动端适配

    移动端适配只要在html上加个 这个750是指屏幕宽度,这个值改成UI设计稿上的宽度,然后下面所有的尺寸都按照设计...

  • 关于移动端适配

    一. 相关术语总结 设备像素 (device pixel) 屏幕显示的最小单位 没有固定的物理尺寸 在同一个设备上...

  • 移动端适配

    移动端适配

  • 像素及适配

    移动端适配

  • 关于移动端的适配

    写在前面 本文参考了大量关于移动端适配的资料 侵删 谢谢 基础介绍 在说明移动端的适配之前我们需要理解一个重要的东...

网友评论

      本文标题:关于移动端适配

      本文链接:https://www.haomeiwen.com/subject/thpnphtx.html