腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
在
Firefox
中
调整
图像
大小
不均匀
的
Flex
布局
、
、
、
、
我有一个
布局
,它利用
flex
将不同
大小
的
图像
放在一起。然而,当我
在
Firefox
中
调整
浏览器
的
大小
时,
图像
的
缩放并
不均匀
。我已经阅读了很多关于导致这个问题
的
帖子,但我很难
在
信息
的
海洋
中
为我
的
特定场景找到解决方案。有谁有什么想法吗?
firefox</
浏览 0
提问于2017-02-24
得票数 1
回答已采纳
2
回答
为什么我
的
图像
在
Firefox
中被扭曲(缩小)?
、
、
、
这个问题发生在
Firefox
上。
在
Chrome上一切都很好。然而,
在
Firefox
上,
图像
正在被扭曲(缩小),我不知道为什么。 /* line 19, /Users/davea/Documents&
浏览 1
提问于2016-10-13
得票数 2
回答已采纳
3
回答
相对于
在
firefox
和chrome上不同工作
的
父对象
的
大小
、
我使用Bootstrap
中
的
.h-75来
调整
图像
相对于其父div
的
大小
。
在
Firefox
上可以
调整
大小
,但在Chrome上它似乎忽略了这一点。<div class="container d-
flex
flex
-column min-vh-100"> Some objects </di
浏览 23
提问于2019-06-26
得票数 0
回答已采纳
1
回答
CSS Box
Flex
固定高度容器,顶部可
调整
大小
,底部可滚动
、
我试图
布局
一个页眉,将垂直
调整
大小
,以适应内容,以及一个页脚,将
调整
垂直
大小
的
其余部分,然后滚动任何溢出给定一个固定
大小
的
容器。使用CSS box-
flex
,我有一个例子,它可以
在
Chrome
中
工作,但不能在
Firefox
()
中
工作。我需要添加什么CSS样式才能确保
Firefox
不允许任何容器溢出,并像Chrome一样运行?moz-box-or
浏览 1
提问于2012-11-22
得票数 2
回答已采纳
2
回答
调整
div
大小
时添加缺少
的
方格
、
我想创建一个div,它
的
内部有许多较小
的
方格:问题是,当我
调整
屏幕
大小
时,方格会重新
调整
,使行
不均匀
:在那个
图像
中
,我可以再加4个正方形,而div又被同样地填满。因此,我想知道我将如何添加丢失
的
方块上
调整
大小
。下面是我
的
代码:const container = document.querySelector(".container")
浏览 8
提问于2022-10-06
得票数 1
2
回答
图片内
的
挠曲-项目忽略最大高度:100%
的
铬和火狐-(工作
在
狩猎)
、
我想要一个
图像
来填充窗口
大小
/视口
的
宽度或高度。有什么建议可以
在
chrome和
firefox
中
完成吗?body { height: 100%
浏览 9
提问于2015-05-05
得票数 5
回答已采纳
1
回答
有没有办法当我重新
调整
浏览器
的
宽度时,框变成了一列?
、
、
、
、
<div class="container" style="display:
flex
; justify-content: center;align-items: center;margin-bottom: 25px; "> <divclass="box&q
浏览 0
提问于2020-11-24
得票数 0
2
回答
CSS包含带有图片
的
文章作为页面
大小
调整
、
我正在开发一个RSS阅读器,所以我从RSS提要
中
拉入HTML。我想在我自己
的
网站上显示它,但我正在尝试格式化它,这样它就不会破坏
布局
。} 然而,
Firefox
不会
调整
我
的
图像
大小
以适应父容器。下面的js
浏览 0
提问于2011-12-17
得票数 0
回答已采纳
1
回答
中
包含100%宽度
图像
的
flex
子框
的
高度不正确
、
、
、
我使用使页脚
在
页面底部变得粘稠。; height: 100vh; /* Avoid the IE 10-11 `min-height` bug. */.bottom-box{
flex
-shrink: 0; /* Prevent Chrome, Opera, and Safari from letting these items shrink to smaller直到我
在
Internet 11
中
遇到了这个问题。
浏览 0
提问于2017-02-16
得票数 5
1
回答
Safari位置
的
解决方法: sticky (-webkit-sticky)错误
、
、
、
、
如果你
在
Safari
中
打开这个https://jsfiddle.net/17uwnsq6/4/ (12.1.2,但应该适用于所有最近
的
版本),并开始向下滚动白色
的
可滚动区域,最初粘性
的
"Header“
在
Chrome和
Firefox
中
,它总是像预期
的
那样粘滞。> <div class="content">Content</
浏览 113
提问于2019-09-14
得票数 6
回答已采纳
1
回答
图像
显示为不缩放Chrome中最大宽度
的
挠性项。
、
、
、
我
在
一个挠性容器里有一个
图像
。 <img src="image.jpg"></figure> display
浏览 1
提问于2017-02-12
得票数 0
回答已采纳
2
回答
基于容器高度纯CSS
的
尺寸
调整
元素
、
、
、
我正在尝试让我
的
页面的第一部分是用户窗口
的
100%,同时根据屏幕
的
高度
调整
3个垂直项
的
大小
。为了实现这一点,我使用了柔性盒,特别是以下几种风格:.vertical-content {
flex
-direction: column;justify-content: space-between;}
flex
-gr
浏览 2
提问于2016-09-14
得票数 1
回答已采纳
10
回答
自动
调整
大小
图像
在CSS FlexBox
布局
和保持高宽比?
、
、
我使用了CSS
flex
框
布局
,如下所示:如果屏幕变小,它会变成以下内容:问题是,
图像
没有
调整
大小
,保持与原始
图像
的
角度比例。是否可以使用纯CSS和
flex
框
布局
来
在
屏幕变小
的
情况下
调整
图像
的
大小
?这是我
的
html: <div class="content"&g
浏览 0
提问于2014-01-13
得票数 138
回答已采纳
1
回答
CSS流体
图像
背景无法
在
Firefox
浏览器
中
工作
、
、
、
我正在尝试为我
的
一个网页实现流畅
的
图像
背景。它在Chrome
中
运行得很好,但我无法让它在
Firefox
中
工作。我有两个方块
的
png
图像
,当浏览器窗口被
调整
大小
时,会按比例
调整
大小
。这里是html:<head> <link rel="stylesheet" type="text/css"
浏览 2
提问于2016-12-18
得票数 2
2
回答
使用
flex
css时如何在Safari
中
停止
图像
拉伸
、
2个div
中
的
img元素。我希望
图像
彼此相邻显示,而不是堆叠,所以应用了
flex
。我还希望这两个
图像
在宽度和高度相等。除了safari,它在所有浏览器(chrome,opera,
firefox
,brave)上都能完美运行。我读过safari is the,所以把图片拉长了。我添加了align-items:
flex
-start;它修复了拉伸,但随后两张
图像
的
高度
在
底部变得
不均匀
。 我刚刚设置
浏览 2
提问于2021-03-05
得票数 0
1
回答
如何删除
在
Firefox
和IE上出现
的
flexbox
中
的
水平滚动条
、
、
所以我试着
在
一个网站上工作,但是
在
firefox
和IE上,有3张图片
的
最后一部分有水平溢出,而在Chrome上没有。我将article区域划分为一个flexbox,所以我认为它可以处理溢出并
调整
大小
以适应它,这似乎是chrome做
的
,但
firefox
和IE不做?我遇到问题
的
最后一个部分是.other。下面是我
的
css设置初始
布局
以及与.other部分和article部分相关
的
css
浏览 4
提问于2015-11-06
得票数 1
1
回答
如何将固定
的
和动态
的
尺寸元素混合在一个柔性箱容器
中
?
、
、
我正在尝试创建一个
布局
,该
布局
利用了柔性盒
的
自动
调整
大小
,但也包含固定
大小
的
项目: <Textstyle={{
flex
: 1, textAlign: "right", paddingRight: 10 }}>left text</Text> <
浏览 6
提问于2017-05-16
得票数 3
回答已采纳
2
回答
响应式Javascript
图像
大小
调整
、
、
、
对于一般
的
问题,我很抱歉,但我一直希望实现一个类似于新
的
Flickr
布局
的
图像
展示,就像在这个中一样 我遇到
的
困难是响应式设计。我看过各种插件,包括:同位素,Wookmark,Grid-a- rows,但所有这些解决方案要么
在
浏览器窗口
调整
大小
时留下
不均匀
的
边距/间隔,要么
在
pinterest风格
中
不会在底部对齐,因为pinterest
的</em
浏览 0
提问于2013-05-23
得票数 0
1
回答
3个
图像
的
响应式网格
图像
视图
、
、
| | || | | |我还希望站点能够响应浏览器
的
大小
调整
,以便
图像
保持
在
相同
的
网格
中
,但只是变小或变大。grid-template-rows: 960px 960px; width: 100%; object-fit: cover;
浏览 0
提问于2020-03-31
得票数 2
1
回答
Google地图
在
Safari
中
不以相对高度打开
、
、
、
我正在使用一个Vue 2组件,里面有一个google地图,用于我
的
一个项目。该组件
在
Firefox
和Chrome
中
运行良好,但在Safari
中
却没有出现。问题在于我用来
调整
组件
大小
的
相对高度: :center="mapCenter" :options="mapOptions-->
浏览 0
提问于2017-07-18
得票数 1
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
CAD中图像大小怎么修改-CAD图形调整大小的操作方法
Firefox 70 将引入“非活跃 CSS”,快速排查 CSS 属性
本月 Firefox 65 将加入 Flexbox Inspector 开发者工具
本月 Firefox 65 将加入 Flexbox Inspector 开发者工具
使用uniapp2.0可视化设计工具打造复杂布局
热门
标签
更多标签
云服务器
ICP备案
对象存储
腾讯会议
云直播
活动推荐
运营活动
广告
关闭
领券