腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(6696)
视频
沙龙
1
回答
如何将
svg
图像
固定
到
特定
高度
并
保持
响应
性
?
html
、
css
、
svg
基本上,我在<
svg
>徽标周围有一个.logo包装器: height: 80px; width: 100%; display: inline-block; padding: 20px 0;在大约500-600px的宽度,你可以看到
SVG
元素框比实际的徽标要宽得多我可以通过删除.logo分区上的
高度
规则来解决这个问题。但是
SVG</em
浏览 15
提问于2018-07-27
得票数 0
回答已采纳
1
回答
在bootstrap上构造缩略图
html
、
css
、
twitter-bootstrap
我想把
固定
的宽度和
高度
放在div上,但由于我使用的是Bootstrap,为了提高
响应
速度,我设置了col-md和col-xs,现在我想不出如何适合每个
图像
,无论它有多大,都是
固定
的宽度和
高度
。我试过percentage和px,但后来它失去了机动
性
和
响应
性
,
并
停留在那个宽度上。以下是problem 的图片。我将非常感谢一些建议,如何调整大图片
到
固定
的宽度和
高度
,但<
浏览 0
提问于2015-09-10
得票数 1
2
回答
灯塔:设置显式宽度和
高度
的问题
css
、
seo
、
lighthouse
灯塔显示的最大问题是,我不使用一个明确的宽度和
高度
我的
图像
。这方面的问题是,我的
图像
几乎都有非常不同的高宽比,随着新的
图像
一直被添加,没有办法手动修复这个问题。有什么办法来解决这个问题呢?
浏览 8
提问于2022-09-07
得票数 0
回答已采纳
3
回答
当
图像
位于CSS而不是HTML中时,如何使其具有
响应
性
?
html
、
css
我正在编辑一个网站模板,在CSS中插入了主页背景
图像
。
图像
在移动设备上不
响应
。CSS指向
特定
的部分,而不是
特定
的
图像
。所以我猜这就是它不起作用的原因。但我不知道当
图像
是CSS而不是HTML时,
如何将
响应
的CSS指向
图像
。如何使
图像
具有
响应
性
?谢谢!#滑块{ 背景: url("../img/helloque
浏览 1
提问于2018-02-08
得票数 0
1
回答
SVG
避免空格
php
、
css
、
wordpress
、
svg
我正在尝试将
SVG
图像
添加到Wordpress,
并
应用
固定
的
高度
,允许宽度灵活。 当我通过CSS定义一个
固定
的
高度
时,宽度
保持
100%,但图形不会填满空间。HTML标记:CSS: height: 50px;} 有没有可能避免这种额外
浏览 0
提问于2018-05-09
得票数 1
1
回答
使D3
响应
: viewBox与resize()?
javascript
、
d3.js
、
svg
我很难理解为什么这么多人在使用D3提供
响应
性
或可伸缩
性
可视化的示例时,偏袒一个调整大小()函数,而且非常担心,如果我沿着viewBox路线走下去,就会错过一些东西。编辑: 因此,除了下面mef所说的,一个想法是,对于一个viewBox,我被一个
特定
的纵横比卡住了。因此,我可能希望可视化的
高度
保持
固定
,例如在线或条形图的情况下,但它的宽度是
响应
的。在
固定
的高宽比下,这是不可能的,因为宽度的变化需要
高度
的变化。这种情况需
浏览 4
提问于2016-03-03
得票数 15
回答已采纳
2
回答
CSS:只向一个方向缩放背景
SVG
css
、
svg
、
responsive-design
、
responsive-images
我有一个不错的背景
SVG
图像
从inkscape,这标志着从一个文本部分到下一个。我希望这个背景
图像
能向上或向下缩放到文本部分的全部宽度。由于
响应
性
的原因,该大小取决于浏览器的宽度。然而,我希望背景
图像
有一个
固定
的
高度
为20 of。 background-size: cover;不适用于我,因为它会切断右边的
图像
,而不是缩小它,好的。background-size: contain不适用于我,因为它总是在x和y方向同
浏览 1
提问于2018-08-17
得票数 7
回答已采纳
3
回答
覆盖
svg
根据img
响应
css
、
image
、
svg
、
css-position
、
overlay
我必须把一个图标覆盖
到
图像
上。
图像
的宽度和
高度
均为100%。图标是
图像
上的标记。图标的位置根据
图像
的
响应
性
而变化。我需要始终
保持
图标的位置不变。当
图像
响应
时,图标也需要改变其宽度,左侧和顶部。<div class="outer"> <
svg
class="mark-icon"><
svg
>
浏览 1
提问于2020-10-21
得票数 0
2
回答
缩放具有复杂动画路径的
SVG
javascript
、
jquery
、
html
、
css
、
svg
我的页面上有
SVG
的代码。这是一条赛道,我有一辆车,当你沿着这一页往下走时,它会沿着小路滚动。<div class="my-
svg
-container"> position: absolute; " class="my-
svg
" preserveAspectRatio="xMinYMin meet"><d
浏览 0
提问于2018-02-12
得票数 2
回答已采纳
1
回答
如何在不影响
图像
大小的情况下对
响应
图像
进行中心缩放?
javascript
、
jquery
、
html
、
css
、
image
我将jquery和css函数组合在一起,以缩放鼠标上方的
图像
,同时
保持
约束框大小不变。我发现这是一个例子,
并
编辑了更多我想要的。https://www.lamborghini.com/en-en/sites/en-en/files/DAM/it/models_gateway/blocks/special.png">对于
固定
的
图像
大小,它工作得很
浏览 1
提问于2016-09-30
得票数 0
回答已采纳
1
回答
图像
应该占据剩余位置(Vue/Tailwind/Flex)
css
、
vue.js
、
flexbox
、
tailwind-css
我这里的问题是,我的
图像
总是覆盖flex容器以及底部和
svg
中的
图像
。我不想给
图像
一个
固定
的
高度
或一些百分比值,因为我想
保持
它的
响应
性
和动态
性
。下面是我的代码: <div</
svg
<
浏览 14
提问于2021-04-23
得票数 0
2
回答
对齐背景
图像
html
、
css
、
layout
、
background-image
我正在尝试
响应
(全宽!)对齐三个背景
图像
+文本。要求这个块始终
保持
相同的
高度
,没有
固定
的宽度,因此它必须具有
响应
性
(当浏览器调整大小时,
图像
会相应缩小),在移动设备上,它应该变成三行。在每个背景上,我需要添加不同数量的文本,但整个区块必须始终
保持
相同的
高度
!另外,我不想使用javascript,能不能只用html/css就能做到这一点
并
保持
浏览器的兼容
性
浏览 0
提问于2016-09-20
得票数 0
2
回答
SVG
内容-仅缩放宽度和显示全高
html
、
css
、
svg
我已经创建了一个包含foreignObject文本的
SVG
,
并
使用img标记将其链接到我的HTML页面中。我不能为
svg
提供
固定
的
高度
,因为我希望文本部分能够
响应
并
根据设备进行缩放。 因此,由于
图像
不能完整显示
高度
,foreignObje
浏览 2
提问于2016-11-18
得票数 0
2
回答
固定
高度
剖面框
并
保持
响应
性
html
、
css
、
twitter-bootstrap-3
、
gentelella
</a> </div> </div>正如你所看到的,没有
固定
的
高度
问题是,如果为不起作用的容器修复max-height,那么里面的东西也是一样的,因为它会使所有
响应
规则和媒体查询在之后不起作用。 ive找到的唯一解决方案就是在里面剪切文本。/* white-space: nowr
浏览 1
提问于2018-04-03
得票数 0
1
回答
响应
web:
SVG
可视化?
javascript
、
svg
、
media-queries
、
responsive-design
、
modernizr
我正在构建一个交互式
SVG
可视化(见图),
并
希望提供:2)当JavaScript被禁用时,一个不错的退路(现代化?)关于1:我是否需要一个窗口调整大小的监听器来动态更新布局,还是在使用媒体查询时会导致过度死亡?关于2:
浏览 0
提问于2012-05-17
得票数 2
1
回答
如何更改HTML5画布草绘板的
高度
?
javascript
、
html
、
css
、
canvas
、
html5-canvas
我使用
响应
式画板- 和。设置画布框的
高度
并
保持
背景
图像
响应
性
的正确方法是什么?例如,在demo中
如何将
画布框(带背景图片)的
高度
与右侧框(带按钮)的
高度
对齐?
浏览 1
提问于2019-08-03
得票数 0
1
回答
Microsoft在使用<object>和<img>时忽略
SVG
中的
高度
html
、
css
、
google-chrome
、
svg
、
microsoft-edge
我有一个
SVG
图像
,这是为了适当地
响应
各种宽度,但它应该有一个
固定
的
高度
。通常的观点是,要解决边缘中奇怪的缩放问题,您应该在顶级<e
浏览 1
提问于2018-07-18
得票数 2
2
回答
根据可伸缩和
固定
对象调整容器
高度
的数学大小
math
我试图确定缩小
图像
的数量,这是在一个带有其他
固定
高度
文本字段的容器中,基于调整窗口的大小来布局容器内容。Black =可缩放
图像
.调整大于绿色容器的窗口大小对绿色容器没有影响,它将
保持
当前大小。但是,调整窗口的大小必须更改容器大小以适应。我只能访问
图像
高度
。因此,调整窗口的大小也会缩小
图
浏览 4
提问于2011-07-03
得票数 2
回答已采纳
3
回答
如何在<img>标签中创建具有
固定
高度
的
响应
式
图像
?
html
、
css
、
image
、
responsive-design
我在一个网站项目中工作,在标题部分我有一个6个
图像
的网格(2行,每行3个
图像
)。这不是一个问题,使他们
响应
(有点“液体”)与max-width:100%和height:auto,但是这个网站应该链接到一些管理工具在未来,所以最终用户(S)可以上传他们自己的
图像
。因此,我需要了解如何
保持
这两行
图像
的
响应
性
,同时又给它们一个
固定
的
高度
(在这种情况下,它们应该是220px)。当我裁剪
图像
并</em
浏览 3
提问于2015-03-27
得票数 0
2
回答
如何放大100%页面宽度的
图像
以
保持
固定
高度
jquery
、
html
、
css
我想要一个
图像
跨越整个网页的宽度(980px
到
2000px+)。当我只对
图像
指定宽度:100%时,为了
保持
宽高比,
图像
的
高度
对于大屏幕来说也会变得相当大。<img src="imageFileName.jpg" width=100% /> 为了避免
高度
问题,我看到许多网站都会放大
图像
,宽度
保持
在网页的100%,
高度
保持
不变。谁能告诉我如何放大
图像</
浏览 0
提问于2014-10-10
得票数 0
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
前端女程序员教你,图片加载时,使用 SVG 作为图片 placehold
SVG实现可爱的动物哈士奇和狐狸
CSS3 SVG实现可爱的动物哈士奇和狐狸动画
在这3年开发中遇到的 CSS 问题及解决方案,有大佬帮他总结好了
前端福音:为什么使用React和SVG开发图形UI是天作之合?
热门
标签
更多标签
活动推荐
运营活动
广告
关闭
领券