腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(4328)
视频
沙龙
1
回答
使用
外部
css
更改
响应
式
断
点中
svg
的
比例
html
、
css
、
svg
、
responsive
我只想知道如何
使用
css
更改
svg
大小。我需要做
的
就是这样。我有多个
svg
文件。因此,对于不同屏幕尺寸,我需要显示不同
的
svg
文件。但是当我试图增加svgs
的
规模时,这根本不会发生。min-width:1440px){ background-image:url("/images/bg-pattern-top-desktop.
svg<
浏览 28
提问于2021-05-07
得票数 0
1
回答
对
响应
式
设计中“缩放”
的
思考
css
、
layout
、
responsive-design
、
zooming
我正在尝试
使用
HTML和
CSS
进行
响应
式
设计,这是我
的
问题: 如果你只是调整窗口
的
大小,布局适合,如果你只缩放,布局适合,我没有问题,但如果你在调整窗口大小时缩放,布局会有一
点中
断
。找到关于这个问题
的
解决方案很重要吗?我没有问题
的
200%,300%
的
缩放水平,主要是400%或500%使一些问题给我。
浏览 0
提问于2013-08-26
得票数 6
回答已采纳
1
回答
响应
式
Svg
图标
svg
、
responsive-images
嗨,我有一个页面,在那里我
使用
响应
式
svgs作为图标。下面是js.fiddle: .
svg
-content2 { position:absolute; left"> <object data="images/money_ico.
svg
" type="image/
svg
+xml&qu
浏览 1
提问于2016-03-17
得票数 1
3
回答
显示中
的
引导
响应
表:表
css
、
twitter-bootstrap
我有一个Bootstrap
响应
式
table,它在带有
CSS
display:table
的
div中。这似乎阻止了表
的
响应
。如何在不
更改
外部
CSS
的
情况下使表
响应
作为参考,
使用
display:table来创建一个“粘性页脚”:
浏览 2
提问于2016-09-29
得票数 0
1
回答
SVG
-访问xlink:href
外部
源上
的
单个节点
css
、
svg
、
symbols
、
xlink
我在
CSS
-tricks.com上看了Chris Coier
的
SVG
技巧,最近还在一个会议上见过他,他在会上谈到了
svg
的
力量,以及如何将所有资产保存在一个
外部
svg
文件中。-- <path>s and whatever other shapes in here --> 然后,您可以像这样
使用
它: <
svg
浏览 5
提问于2014-11-11
得票数 1
3
回答
使用
CSS
而不是HTML中
的
更改
进行
响应
式
设计
html
、
css
、
web
、
responsive-design
场景是,我们
使用
的
是CMS第三方产品,托管了大约5-6个站点,并且在整个站
点中
使用
了许多共享组件。考虑到我们对产品
的
特定实现和定制,为给定站点应用/加载特定
的
CSS
是可行
的
,但
更改
HTML/组件就更难了,因为它们在许多站点上被重用。我们
的
团队希望只在一个网站上实现
响应
式
设计,而不是所有网站,所以,在不考虑实现细节
的
情况下,作为一个可行性问题,是
浏览 0
提问于2015-02-24
得票数 1
4
回答
根据媒体查询
更改
svg
大小
html
、
css
、
media-queries
<
svg
width='1175' height='400'>
svg
{ height:400;} 这不起作用
浏览 31
提问于2017-07-17
得票数 1
2
回答
设备旋转时
的
引导
响应
css
和/或视口问题/错误
css
、
twitter-bootstrap
、
rotation
、
responsive-design
、
mobile-website
我最近在我
的
网站上遇到了一个问题,当我用移动设备(iPhone,Nexus4)浏览它
的
时候,旋转屏幕似乎搞乱了body/html
的
大小,这是Bootstrap
响应
式
CSS
的
bug吗?或者这是我
的
站
点中
的
一个关键问题?或者仅仅是移动浏览器
的
一个普遍问题?
的
症状通常是您从纵向到横向或从横向开始,旋转到纵向离开页面,好像它仍然是横向
比例
的
宽度
浏览 0
提问于2013-02-24
得票数 2
回答已采纳
3
回答
响应
性-如何
使用
CSS
控制PC显示器
的
比例
和布局?
css
、
web
、
responsive-design
到目前为止,当我试图创建
响应
式
网站时,我总是
使用
媒体查询来控制屏幕分辨率。然而,虽然大多数PC屏幕都有100%
的
比例
,但许多笔记本电脑
的
比例
是125%甚至150%。有没有办法添加
CSS
属性,只指定给那些具有150%
比例
显示
的
属性?
浏览 31
提问于2018-12-19
得票数 2
1
回答
如何
使用
<image>标签回退缩放一个
SVG
?
css
、
html
、
image
、
internet-explorer
、
svg
我正在研究如何以一种
响应
式
的
方式添加
外部
SVG
文件,并爱上了,因为它不需要JavaScript。 (
SVG
已经
使用
冲刷进行了“清洗”,因此剥离了高度/宽度属性,并按照建议添加了viewBox。)问题是,这种技术似乎需要在image标记上
使用
height和width属性才能起作用,但该标记没有
响应
。使
SVG
响应
,但是不正确地呈现<image>元素(或者,无论如何都不是预期<em
浏览 1
提问于2014-01-29
得票数 1
1
回答
如何
使用
<object>标签显示百分比宽度和高度
的
SVG
html
、
css
、
svg
我最初有一组PNG,然后可以用<img>显示它,并将
css
width属性设置为60%。这允许页面
响应
并在所有显示上正确显示。如果我将设置为
SVG
,则无法获取
外部
资源。因此,因此,我尝试
使用
允许
SVG</
浏览 2
提问于2022-06-16
得票数 0
3
回答
如何在网页上建立
响应
性
的
水平
SVG
线?
html
、
css
、
svg
我还不完全理解
SVG
是如何工作
的
。我知道viewBox与
SVG
的
规模有关,我也读过,在创建
响应
的
SVG
时,不应该有特定
的
高度和宽度属性。我知道这里已经有几个问题,但由于我不明白,我要问
的
是一个更具体
的
问题。 我想要做一个水平
的
SVG
线,改变长度根据宽度
的
网页。" x2="500" y2="0"><
浏览 10
提问于2022-05-27
得票数 0
回答已采纳
3
回答
在HTML5或
SVG
文件中缩放
svg
html
、
css
、
svg
我希望
使用
html或
css
文件中
的
样式属性来缩放
SVG
。如果我
更改
SVG
元素
的
宽度或高度,它不会缩放。<
svg
height="200" width="350"> 带有<img src="test.
svg
" width="350">标记宽度属性
的
SVG
也不能工作。
浏览 5
提问于2017-04-09
得票数 0
6
回答
按高度保持分高宽比
css
、
responsive-design
、
aspect-ratio
我需要将元素
的
宽度保持为其高度
的
百分比。因此,随着高度
的
变化,宽度将被更新。<div class="box"></div> 我想用这样
浏览 13
提问于2014-10-18
得票数 37
回答已采纳
3
回答
从
外部
源修改
SVG
jquery
、
wordpress
、
svg
我试图以多种方式在wordpress中添加一个
SVG
,但它不能工作,可能是因为我复制里面的代码时
的
语法问题( 所以我需要从
外部
源()插入它,但我试图用
CSS
(每个路径都有它正确
的
ID)修改它(只改变填充颜色
浏览 0
提问于2013-12-05
得票数 0
1
回答
如何检查
svg
文件中哪些图标可用?
css
、
svg
在我
的
vuejs2 2/html应用程序中,
使用
了基于
外部
模板
的
svg
图标,如: <use xlink:href="/img/icons.
svg
#plus" /> <
svg
class="icon icon-bas
浏览 3
提问于2021-12-31
得票数 1
1
回答
为什么在dotnetnuke中启用复合文件时,
SVG
背景图像会断开?
.net
、
css
、
svg
、
dotnetnuke
、
dotnetnuke-settings
我正在工作
的
站点
使用
压缩
的
SVG
图像作为dotnetnuke站
点中
按钮
的
背景图像。DNN版本为07.00.00 (1586)。
css
如下所示: background: url(data:image/
svg
+xml;base64,[data]);注意:我在这里
使用
了数据,而不是实际
的
压缩文件当我在主机->主机设置->高级设置->客户端资源管
浏览 14
提问于2013-05-30
得票数 2
回答已采纳
1
回答
CSS
保持基于高度
的
比例
css
、
less
如何在
响应
环境中保持内部div
的
正确
比例
(1:1.67 -例如width:300px/height:500px),其高度是
外部
(包含)div高度
的
90%?最好只
使用
CSS
/LESS。
浏览 3
提问于2014-04-14
得票数 2
1
回答
使用
带有
外部
定义
的
SVG
html
、
svg
假设我有一个
SVG
文件。它引用一个
外部
CSS
样式表以及一个
外部
SVG
文件。这是一个简短
的
版本。<?xml-stylesheet type="text/
css
" href="
svg
.
css
"?/
svg
>
外部<
浏览 6
提问于2021-12-22
得票数 0
1
回答
内联/编码
SVG
作为Lazyload占位符
html
、
css
、
svg
、
responsive-design
、
lazy-loading
我通过Javascript
使用
lazyloader替换<img>占位符,使其具有真实
的
图像。在
响应
站点上
使用
占位符图像(通过
CSS
覆盖width和height属性)会导致内容跳转,当加载了不同
比例
的
真实图像时。因此,我
的
计划是插入简单
的
内嵌
SVG
代码与最终图像
的
尺寸。我如何处理<img>和<
svg
>标签?(需要作为预加载器占位符) 编辑以
浏览 1
提问于2015-06-19
得票数 1
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
工作时使用CSS时可以免费使用的在线工具
前端福音:为什么使用React和SVG开发图形UI是天作之合?
css 中引入 svg 来兼容部分安卓机显示 0.5px 边框
大麦端选座SVG 渲染
微信SVG交互图文设计入门教程
热门
标签
更多标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
活动推荐
运营活动
广告
关闭
领券