腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
创建
具有
相同
大小
图像
的
响应
式
flex
box
html
、
css
、
flexbox
新接触html/CSS,学习
flex
but,我觉得我已经正确地遵循了W3schools网站
的
example,我也从here获取了一些代码来使其
响应
,但当视口缩小时,我无法让
图像
换行。下面是我开始
的
代码: CSS: * {font-family: arial, sans-serif;
box
-sizing: border-
box
;} display: <
浏览 11
提问于2019-03-21
得票数 1
1
回答
我试图用css (使用react)将每个
图像
缩放到
相同
的
大小
,但有失真
javascript
、
css
、
reactjs
、
flexbox
、
frontend
所以我试着在
响应
式
画廊中设置
图像
的
大小
相同
,最终它们将可以点击,目前当我将高度和宽度设置为
相同
时,如果它们必须拉伸,
图像
就会变形,但这应该不是问题,因为它们试图适应
的
图像
比原点小得多。我
的
沙盒:const ImageView = ({ data }) => { return ( <ul className
浏览 25
提问于2020-02-05
得票数 0
1
回答
flex
-grow不会按比例调整
大小
html
、
css
、
flexbox
我正在
创建
一个
响应
式
的
网站,其中有2栏布局或3栏布局。我希望这些盒子能填满最大
的
可用空间。Flexbox运行得很好,除了
图像
不会按比例调整
大小
(就像你在我
的
代码中看到
的
那样),通常我会对div应用100%
的
宽度和填充底部%,但
flex
-
box
项似乎不允许使用这种方法。如果它有帮助,<em
浏览 0
提问于2015-09-01
得票数 0
1
回答
HTML CSS悬停位置与容器不对齐
html
、
css
、
flexbox
、
hover
、
media-queries
我目前正在编写我
的
代码,我试图制作一个带有悬停效果
的
响应
式
图片库。在我
创建
的
第一个代码中,效果非常好。但是,它没有
响应
,因为它总是停留在4行中。请参阅此代码是在codepen本身上编写
浏览 5
提问于2018-08-13
得票数 1
回答已采纳
1
回答
与Flexbox一起使用
响应
式
图像
html
、
css
、
responsive-design
、
flexbox
我想使用flexbox和
响应
式
图像
(带有scrset和sizes
的
图像
)。但结果似乎很可怕。即使我使用
flex
-grow拉动对齐,
图像
也有不同
的
高度,因为浏览器将加载不同
大小
的
不同
图像
。我希望所有
图像
的
高度是
相同
的
。 我发现如果我使用flexbox,
图像
的
sizes很难设置,这是不可预测<em
浏览 1
提问于2018-03-30
得票数 0
1
回答
创建
响应
式
设计时,在标题中调整
图像
大小
html
、
css
、
responsive-design
在为网站
创建
响应
式
布局时,如何才能使放置在页眉中
的
图像
不改变
大小
(放大和缩小)?(因此,当我左右拖动浏览器时,它将保持
相同
的
大小
,并在页面顶部
具有
相同
的
位置,无论我使用
的
是什么
大小
,无论是移动设备
大小
还是桌面
大小
)
浏览 2
提问于2015-01-21
得票数 0
1
回答
使用Flexbox缩小
图像
。包装
图像
扩展到100%宽度
html
、
css
、
flexbox
我
创建
了一个显示电影封面的小示例,我喜欢"
flex
: calc(...)“在行动中。随着浏览器窗口
的
缩小,
图像
的
大小
也会略微减小。但是,请注意,当
图像
换行时,换行
的
图像
是全宽
的
。是否可以使包装
的
图像
与上面的
图像
具有
相同
的
大小
?
box
-sizi
浏览 13
提问于2021-03-14
得票数 0
回答已采纳
2
回答
具有
相同
大小
容器div
的
嵌套flexbox
图像
html
、
css
、
flexbox
、
aspect-ratio
我遇到了一个嵌套
的
flexbox容器里面有一个
图像
的
问题。我需要
图像
始终保持其16x9
的
比例,并希望父(或另一个div)始终是
图像
的确切
大小
,因为我正在使用它
的
坐标来
创建
激光笔功能,并将其发送给其他用户。: center; align-items: center; -ms-
fl
浏览 18
提问于2021-03-26
得票数 0
1
回答
Flexbox对齐网格
html
、
css
、
flexbox
、
grid
我正在尝试
创建
相同
的
基本对齐网格与flexbox。如果我放置一些
图像
并应用
flex
包装,它看起来是这样
的
:#wrap {
flex
-wrap: wrap;} .
box
class="
box
"><img src="https://via.placeholder.com
浏览 0
提问于2020-01-27
得票数 0
1
回答
内容必须填充到页脚以下
的
可用空间,高图表必须
具有
响应
性(不允许滚动)
javascript
、
html
、
css
、
highcharts
、
flexbox
(简化,但概念
相同
)(与这里
相同
的
代码)Highcharts.chart('chart-goes-here', { type: 'column' },,并在下面
创建
我自己
的
自定义构建表(div.row.footer)。我希望以后
的
表/页脚对最终用户是交互
式
的
(因此我希望它在页脚中)。由于页脚将是交互
式
的
,所以必须始终显示它。
浏览 0
提问于2020-09-22
得票数 1
回答已采纳
2
回答
如何用
图像
填充div,同时div在
响应
页面上保持1:1.5
的
比例
jquery
、
css
我有div,有1:1.5
的
比例,我把
图像
放在div里面……我想尝试一下,也许可以使用一个500px x 750px
的
图像
作为布局背景,这样无论什么
图像
放在这个div里面,所有的div都会有
响应
,
大小
相同
我有div是
响应
式
的
,我希望他们在调整页面
大小
时保持他们1:1.5
的
比例。并且所有的div对于
响应
性都是
相同
的
浏览 30
提问于2019-12-17
得票数 0
回答已采纳
1
回答
具有
相同
大小
的
多个
响应
式
图像
?
html
、
css
、
responsive-images
如何使用分辨率不同
的
多张
图像
..但我想在没有伸展
的
情况下使用所有的网状物,并使所有的东西都能
响应
。
浏览 1
提问于2018-07-12
得票数 0
1
回答
文本
图像
在网格内使用CSS变换
响应
式
设计进行调整(删除缩放)
html
、
css
、
flexbox
、
responsive
、
css-transforms
我有日期是用PHP计算出来
的
,作为
图像
,读起来像2月26日,3月3日等。由于日期在字符长度上明显不同,我希望
图像
匹配特定
的
字体
大小
。我遇到
的
问题是让所有这些都适合一个
具有
响应
性
的
网格,因为
图像
不能通过transform与网格一起缩放。如果我为网格设置了一个最大宽度,在某个点上,大
图像
赶上了小
图像
,它们都变成了
相同
的
宽度,这使得字体
大小</
浏览 19
提问于2020-12-08
得票数 0
回答已采纳
3
回答
如何在调整浏览器屏幕
大小
时将
图像
放置在段落下方?
html
所以我在屏幕
的
左侧有一个段落,在屏幕
的
右侧有我
的
图像
。它是
响应
式
的
,但不是我想要
的
方式。当我调整浏览器屏幕
的
大小
时,我希望图片显示在段落
的
下面,也就是说,我希望段落在
图像
的
顶部,而
图像
应该在段落
的
下面。当我尝试调整窗口
大小
时,
图像
只会变短,但不会移动到下一行。我目前正在使用CSS网格系统来显示
浏览 35
提问于2019-05-27
得票数 1
回答已采纳
1
回答
用于
响应
式
设计
的
物料单选按钮组中
的
物料卡片
css
、
angular
、
responsive-design
、
angular-material
因此,在
具有
2个单选按钮选项
的
单选按钮组中,每个单选按钮都有材料卡。现在,它们中
的
每一个都有不同文本
大小
的
图像
。如何在
响应
式
设计中使材料卡
具有
相同
的
大小
。我尝试过Bootstrap,Angular
Flex
Layout,不错
的
旧CSS,但都失败了。 问题是材料卡本身,只要它们不是单选按钮
的
一部分,我就能保持它们
的</e
浏览 40
提问于2021-07-02
得票数 0
1
回答
Bootstrap 3中
的
响应
式
背景
图像
twitter-bootstrap-3
我正在使用Boot Strap 3
创建
响应
式
布局。我尝试使用背景
图像
作为
响应
式
。但它不起作用。请给我建议。谢谢你,莫妮卡
浏览 0
提问于2014-01-03
得票数 0
2
回答
如何使两个div
相同
的
高度,一个
图像
(没有javascript)?
css
、
html
我想让2个
响应
式
div并排,同时保持他们
相同
的
高度。其中一个是
图像
,另一个div是文本。如何在不使用JavaScript
的
情况下确保
图像
高度相等。我
的
图像
尺寸是1000 × 1799。 overflow: hidden; width: 50%;} width: 50%; display: <em
浏览 22
提问于2019-02-27
得票数 0
1
回答
叠加在
响应
图像
上
javascript
、
jquery
、
responsive-design
、
css-float
、
responsive-images
基本上我有一个浮动元素
的
网格,每个元素都有一个在悬停时
的
缩略图
图像
,有一个覆盖和文本描述
的
图库所包含
的
内容(这是一个典型
的
外观对开页网站)。通常我只有一个固定
的
布局,一个和每个
图像
一样
大小
的
覆盖框和一个
相同
宽度
的
文本容器,它可以打开和关闭悬停,这很好。但是-这是我
的
第一个
响应
式
版本
的
网站,我不知道如何使覆盖和文
浏览 1
提问于2015-09-02
得票数 0
9
回答
无预定义宽度
的
响应
式
砌体布局
javascript
、
jquery
、
css
、
jquery-masonry
、
masonry
我正在
创建
一个2列砖石布局使用不同
大小
的
图像
。这些
图像
可以是任意
大小
的
,只要它们有最大
的
公共因子(如砖石插件所要求
的
那样)。为了使布局
响应
,我将砖石项目的宽度转换为百分比(或者我可以使用最小宽度和宽度100%)。 更新:我注意到,许多回答的人将这两列
的
50%作为解决方案。这是可行
的
,但不是目标。
图像
必须保持原来
的
图像
大小
浏览 3
提问于2014-11-11
得票数 7
3
回答
CSS -
大小
相等
的
图像
css
如何使所有
图像
的
大小
相同
,同时使它们仍然
具有
响应
性?important; display:
flex
;}
浏览 1
提问于2017-12-19
得票数 0
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
Flexible Box Layout 原理剖析
20条书写 CSS 代码的建议
Flex 布局教程:语法篇
IT兄弟连 HTML5教程 CSS3属性特效 弹性盒模型
Anchor Boxes——目标检测质量的关键
热门
标签
更多标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
活动推荐
运营活动
广告
关闭
领券