在vue开发中 只要在style标签中写

<style>
  img{}
</style>

给img加任何样式 在ios端不知道为什么都不显示图片 在android端却显示正常

最终想到的解决办法： 

<template>
  <figure>
    <img src='1.png' width='100%' />
  </figure>
</template>

在img标签外套一层块级元素  让img宽度设置为100% 这个块元素可以设置宽高 img会以父元素的宽度为准显示

这是前端写img标签的情况下的解决办法

当然有时候后台会使用到富文本编辑器 比如编辑一个商品详情 既有文字又有图片

后台会存储富文本编辑器生成的代码 存入数据库 当我们取出来的时候使用v-html指令展示在指定的容器内 

这个时候的样式只能通过style标签控制 img如果加以限制 又会出现不显示的问题 不加限制 图片就会显示的很嚣张

这种情况就没有办法做到自适应了

Logo
Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^

avatar Vue
cover

echarts堆叠柱状图

avatar Vue

Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'current')"

这是一个 Vue.js 错误，报错信息提示在 v-on 处理程序中出现了错误：“TypeError: Cannot read properties of undefined(读取 'current')”。这意味示在您的代码中，试图读取一个未定义的变量 'current'。您需要检查您的代码，确保 'current' 已正确定义并初始化。...

avatar Vue