关注
码龄 粉丝数 原力等级 --
- 被采纳
- 被点赞
- 采纳率
已采纳
如何让一个固定高宽的图片随着网页的大小而进行缩放
收起
- 写回答
- 好问题 0 提建议
- 关注问题
微信扫一扫点击复制链接分享
- 邀请回答
- 编辑 收藏 删除 结题
- 收藏 举报
8条回答 默认 最新
- 关注
码龄 粉丝数 原力等级 --
- 被采纳
- 被点赞
- 采纳率
张大教主 2017-07-28 05:45关注图片的宽度和高度不要设置成固定值,可以设置成百分比,自适应网页大小,如 <img style="width:50%;height:50%"/>本回答被题主选为最佳回答 , 对您是否有帮助呢? 本回答被专家选为最佳回答 , 对您是否有帮助呢? 本回答被题主和专家选为最佳回答 , 对您是否有帮助呢?评论 打赏解决 4无用 1举报
微信扫一扫点击复制链接分享
评论按下Enter换行,Ctrl+Enter发表内容
报告相同问题?
提交
- 2021-02-14 13:39前端小歌谣的博客 [css] 如何让大小不同的图片等比缩放不变形显示在固定大小的div里?写个例子 图片等比缩放 img{ object-fit: cover/contain;} div宽高比例固定,跟随屏幕变化而变化,利用padding垂直方向的属性来实现 个人...
- 2021-04-17 02:23余淏的博客 php任意图像裁剪成固定大小[zz]http://blog.csdn.net/microji/archive/2008/12/19/3551042.aspx做一个首页调用图像,有时候往往需要获得固定大小的图像,因为首页的图像位置通常由设计人员指定好了,如果是做最新...
- 2021-07-03 15:28柴钰琪的博客 下面两个img元素都有一个div包裹,div设置固定宽高,第一个img标签宽高均100%,第二个img标签宽高均最小100%: <!DOCTYPE html> <html> <head> <title></title> <meta name=...
- 2021-06-12 01:56回忆宝箱的博客 css让图片自适应屏幕大小的方法发布时间:2020-11-12 09:52:18来源:亿速云阅读:162作者:小新这篇文章主要介绍了css让图片自适应屏幕大小的方法,具有一定借鉴价值,需要的朋友可以参考下。希望大家阅读完这篇文章...
- 2022-10-12 17:41weixin_44744501的博客 图片自适应缩放
- 2018-12-06 09:53Caindiffer的博客 不通尺寸的图片在固定宽高比框下显示效果比较 四张不通宽高比的图片 图片1 1600*2023 图片2 768*340 图片3 960*600 图片4 800*800 四张图片在固定宽高150*200展示 样式代码 .img-center { width: 200px; ...
- 2022-11-18 15:43儒雅的烤地瓜的博客 建议看完本文,你会受益很多!本文将带你深入了解前端网页布局的几种方式,诸如关于静态布局、自适应布局、流式布局、响应式布局、弹性布局等的概念以及区别。
- 2022-03-08 10:27m0_67402026的博客 在div中嵌入一个iframe页面,呈现这种效果: 可以看到嵌入的页面只露出了一部分。 而我们希望:嵌入的页面能够完全展示在容器中。 思路:利用CSS的 transform,进行页面缩放。 1、我开发用的电脑屏幕分辨率是 1920 ...
- 2018-09-24 17:01GroovRain的博客 下面博主将会通过图文讲解的方式跟大家分享微信小程序开发过程中关于图片的缩放和裁剪,最后附上源码! 要设置了的高宽才会有缩放的概念(不然就会使用小程序的默认高宽320) aspectfill,会将图片变成你设置的image...
- 2023-02-03 16:05@小朱呀路的博客 vue2保持屏幕缩放比例, 禁止浏览器缩放
- 2021-05-12 16:46G925010178的博客 需求描述:最近开发过程中,客户需要在手机端显示图片,并可以放大缩小,随意查看。如果有报警信息,需要在图纸上...创建一个可以上下滑动的父元素【.big-box】,超出隐藏 overflow: scroll。 里面放入背景图为图纸【.
- 2022-08-04 04:421_bit的博客 若是大一学子或者是真心想学习刚入门的小伙伴可以私聊我,若你是真心学习可以送你书籍,指导你学习,给予你目标方向的学习路线,无套路,博客为证。transform-origin 用于更改当前元素的中心...以下是一个基础的 trans
- 2021-06-09 07:07偏执梦想家的博客 标签可以使图片在保持宽高比不变的情况下自动调整。我们讨论的是div的背景图片实现...实现背景图片固定宽高比缩放我们采用padding-top:(percentage)来实现,padding-top取值百分比是相对于包含块的宽度而定。因为图...
- 2025-05-18 10:17上海积分吴老师的博客 通过设置SVG元素的宽高比类和preserveAspectRatio属性,以及使用padding-bottom来定义高度,可以确保图形按照指定的宽高比进行缩放,而不会变形失真。同时,也讨论了这种方法的局限性和未来可能的CSS布局框宽高比...
- 2021-07-22 15:59m0_60125017的博客 盒模型:分为内容(content)、填充(padding)、边界(margin)、边框(border)四个部分 IE盒模型和W3C标准盒模型的区别: W3C标准盒模型:属性 width,height 只包含内容 content,不包含 border 和 padding IE...
- 2021-07-17 09:08麦田上的字节的博客 告知浏览器的解析器,用什么文档类型规范来解析这个文档。 DOCTYPE不存在或格式不正确会导致文档以混杂模式呈现。 严格模式就是浏览器根据web标准去解析页面,是—种要求严格的DTD(Document Type Definition),不...
- 2022-03-04 10:07Robergean的博客 jsonp的优缺点 jsonp是一个能够跨域的方法,由于ajax受到同源策略的影响,不能进行跨域,而script标签中的src属性中的链接能够访问跨域的js脚本,利用这个特性返回一段调用某个函数的js代码,在src中进行了调用,...
- 2022-11-07 16:30淼จุ๊บ的博客 @dm/img_oss 1.0.9 oss 图片上传宽高校验
- 2020-10-13 14:04jinmu520的博客 作为前端开发工程师,布局方式有多种,针对不同的情况有不一样的处理,但是很多初学的同学都不知道这些情况,那么我们今天就来说说,那些前端开发工程师不可不知的5种布局方式! 一、静态布局(static layout) 即...
- 2024-04-16 14:44柑橘乌云_的博客 这种方式固然可以但是存在一个不好的体验问题:那就是随着页面加载的进行,图片占据的高度会有一个从。在文档流中css的margin和padding这两个属性垂直方向的百分百值都是基于宽度计算的,这个也是本次布局方式的核心...
- 没有解决我的问题, 去提问