美文网首页
Css 设置图片自适应

Css 设置图片自适应

作者: leslie1943 | 来源:发表于2020-07-03 14:02 被阅读0次

设置 CSS

.container{
  overflow:auto;
}
img{
  width:100%;
  height:auto;
  overflow:hidden;
}

设置 template

<div class="container">
  <img :src="src">
</div>

设置 script

import src from '../../../assets/image/login/1.jpg'
export default{
  data(){
    return{
      src: src
    }
  }
}

相关文章

  • Css 设置图片自适应

    设置 CSS 设置 template 设置 script

  • 图片自适应显示

    CSS动态计算 背景图片自适应

  • 如何用CSS实现背景图片自适应?

    在HTML中通过CSS设置背景图片自适应浏览器大小,该如何实现? 用background-size属性,你想给他多...

  • CSS布局相关

    CSS相关 1.左边定宽,右边自适应方案: 2.左右两边定宽,中间自适应 3.CSS左右垂直居中 设置paddin...

  • 前端学习笔记(一)

    超大背景图片的自适应 1.首先需要在父布局中添加高度 2.我们在其中设置 css 3.解释第一个center是图片...

  • css实现图片自适应容器的几种方式

    css实现图片自适应容器 经常有这样一个场景,需要让图片自适应容器的大小。 1、img标签的方式 我们马上就能想到...

  • 移动端自适应处理-sprite

    我用的是在线的工具CSS Sprite Generator css--所有需要自适应图片的部分加上sprite类 ...

  • 文章收藏

    css 1、纯CSS控制背景图片100%自适应填充布局 thinkphp 1、thinkphp如何去掉index.php

  • CSS-左固定右自适应

    一、左固定,右自适应(如果方向相反,对应值设置为相反即可)HTML CSS

  • img 自适应

    1.width:100%;高度自适应; 2.通过给div设置background实现自适应 优点:不会造成图片变形...

网友评论

      本文标题:Css 设置图片自适应

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