移动端自适应宽高比2:1

Posted vcplus

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了移动端自适应宽高比2:1相关的知识,希望对你有一定的参考价值。

<template>
    <div class="icons">
        icons
    </div>
</template>

<script>
export default {
    name: ‘HomeIcons‘
}
</script>

<style lang="stylus">
  .icons
    onerflow :hidden
    height: 0
    padding-bottom: 50%
    background :lightblue
</style>

技术图片技术图片

 

以上是关于移动端自适应宽高比2:1的主要内容,如果未能解决你的问题,请参考以下文章

移动端自适应方式

巧用padding让图片宽高比固定并自适应布局

使用rem设计移动端自适应页面一(转载)

pc、移动端 自适应布局方案

保持宽高比的宽度自适应盒子

UITableViewCell 如何动态适应保留宽高比的新图像?