当浏览器窗口大小减小时，为什么我的flex项目没有缩小？
当浏览器窗口大小减小时，flex项目没有缩小的原因可能是由于设置了flex容器的flex-shrink属性为0或者flex子项的flex-shrink属性为0。flex-shrink属性控制了flex项在缩小空间时的比例，默认值为1，表示按比例缩小。
如果flex容器的flex-shrink属性为0，则表示不允许子项缩小，即使浏览器窗口变小，也不会触发flex项的缩小。如果想让flex项目随着浏览器窗口的减小而相应地缩小，可以将flex容器的flex-shrink属性设置为一个大于0的值。
另外，需要确保flex子项的flex属性为一个正数，表示该子项在剩余空间分配中的占比。如果flex子项的flex属性为0或者负数，则表示该子项不参与剩余空间的分配，即使浏览器窗口变小，该子项也不会缩小。
除了以上原因，还有可能是因为flex容器的宽度设置固定，没有使用相对单位或者百分比来适应浏览器窗口大小的变化。在设置flex容器的宽度时，可以使用百分比或者相对单位，如em、rem，来确保其大小可以根据浏览器窗口的变化而自适应调整。
总结起来，当浏览器窗口大小减小时，flex项目没有缩小的原因可能包括：
- flex容器的flex-shrink属性设置为0，不允许子项缩小。
- flex子项的flex属性为0或者负数，不参与剩余空间的分配。
- flex容器的宽度设置固定，没有使用相对单位或者百分比来适应窗口大小变化。
腾讯云相关产品：
- 若需要在云上部署前端项目，推荐使用腾讯云的云服务器（CVM），它提供了可扩展的计算能力，满足各种规模的前端项目需求。产品介绍链接：https://cloud.tencent.com/product/cvm
- 若需要在云上部署后端项目，推荐使用腾讯云的云函数（SCF），它是无服务器计算产品，可弹性运行代码，并提供与其他云服务的无缝集成。产品介绍链接：https://cloud.tencent.com/product/scf
- 若要进行软件测试，腾讯云提供了云测试（Cloud Test）服务，可进行移动应用的自动化测试、性能测试等。产品介绍链接：https://cloud.tencent.com/product/ct
- 对于数据库需求，腾讯云的云数据库 MySQL版（CDB）提供了稳定可靠的数据库服务，支持高可用、弹性扩容等功能。产品介绍链接：https://cloud.tencent.com/product/cdb
- 在云原生方面，腾讯云提供了弹性容器实例（Elastic Container Instance，ECI）服务，可快速运行容器应用，提供弹性、高性能的容器化解决方案。产品介绍链接：https://cloud.tencent.com/product/eci
- 在网络安全方面，腾讯云的云安全产品包括云防火墙（Cloud Firewall）、DDoS防护等，可保护应用和数据的安全。产品介绍链接：https://cloud.tencent.com/product/ddos
相关·内容
2回答
当我缩小浏览器窗口大小时，顶部和底部的页脚开始缩小，将页脚(顶部和底部的导航栏)中的内容推离页脚，它开始与正文重叠。有人知道为什么会出现这个问题吗？抱歉，如果这个问题不清楚或者已经回答了，我还在学习中。非常感谢你的帮助。
浏览 0提问于2011-10-03得票数 2
2回答
$(window).resize(function(){
console.log('resize');
setheight();
});
我只是想激活当用户通过拖动窗口边缘而不是缩放来调整窗口大小时，但它实际上激活了放大和缩小功能，如何防止这种情况？？
浏览 0提问于2012-12-05得票数 1
回答已采纳
1回答
我有一个简单的模态窗口(埃里克马丁)的问题。
我有一个窗口需要一个滚动条。当浏览器窗口缩小时，我发现将autoResize设置为true正确地设置了滚动条。
但是，如果我再次调整浏览器窗口的大小，模态窗口将保持收缩的大小。
如果关闭了autoResize并包含以下代码
$(window).resize(function() {
$("#simplemodal-container").css("height","auto");
$(window).trigger('resize.simplemodal');
});
那么调整大
浏览 8提问于2013-09-16得票数 0
回答已采纳
我有一个我无法解决的问题，我想重现一种行为。
这种行为包括，例如：
两个div2 ( div1和div2)出现在带有弹性包装的柔性盒行中，在这里，div2会收缩(当您正在更改窗口大小时)，直到它达到特定的宽度，只有在此之后，我才希望它从div1中下拉(或包装)。
我唯一能做的就是：
当我从右边更改窗口大小时，它会立即下降到div1以下，然后开始缩小。
<body>
<div id="container">
<div class="item" id="pri"></div
浏览 10提问于2022-01-27得票数 0
1回答
垂直响应背景视频
、、
我有一个简单的html页面，其中添加了一个背景视频剪辑和一个包含h1和p元素的div。
如果调整浏览器窗口的大小，背景视频是完全水平响应的，但它是，而不是垂直响应的。当浏览器窗口调整大小时，视频会从屏幕底部垂直缩小。如何使这个视频垂直响应，以及
这是我的问题的视觉表现
如您所见，当浏览器窗口调整大小时，视频从底部垂直缩小。需要帮助解决这个问题。
这是我的密码
相关HTML代码
<body>
<div class="video-container">
<video src="Lamp%20-%2011186
浏览 0提问于2017-12-07得票数 0
1回答
我试图将我的侧边栏向左浮动，我的滑块向右浮动，然而，我的图像不在文档流中。
基本上，我要做的是，当用户调整浏览器窗口的大小时，图像会缩小(这就是为什么我使用最大宽度: 100%)。
视图在Chrome中查看问题
浏览 3提问于2012-10-26得票数 0
回答已采纳
1回答
.header {
display: flex;
font-family: monospace;
background: papayawhip;
align-items: center;
justify-content: space-between;
margin-left: auto;
}
ul {
display: flex;
background: papayawhip;
gap: 10em;
list-style-type: none;
flex-direction: row;
margin: 0;
padding: 0;
}
浏览 4提问于2022-10-06得票数 0
回答已采纳
2回答
我是一个编程新手，所以如果这是一个愚蠢的问题，请耐心等待。在我的代码中，我有一个漂浮在右边的小工具条，但我不希望它在我调整窗口大小时缩小。例如，在Wikipedia文章中，当您最小化或最大化窗口时，右侧的信息面板保持不变，而左侧的文本缩小。在HTML/CSS中如何简单地做到这一点？
浏览 19提问于2021-05-13得票数 0
1回答
我正在寻找一个JQuery插件，它支持向div、表、文本等添加可调整大小的阴影。我真的只希望当用户调整浏览器窗口大小时，阴影可以调整大小(带有阴影的元素不是可拖动的)。
我尝试过，但当用户缩小浏览器窗口时，它似乎不会缩小阴影的宽度。
谢谢你，唐
浏览 1提问于2009-09-03得票数 3
1回答
我试图在一个单独的、可滚动的行中为摄影组合对齐我的图像，还想使它们响应窗口调整大小和其他屏幕大小。本质上就是让它们随着屏幕的变化而缩小和增长。以前，我把它们放在可滚动的行中，但现在我已经尝试让它们响应，它们只是调整和缩小，没有滚动显示整个图片库，但是它们都很小，因为它们都试图安装在窗口中。
到目前为止，我的情况如下
img {
display: block;
width: 100%;
transition: .3s;
}
.flex-container {
display: flex;
padding: 5px;
transition:
浏览 1提问于2021-08-12得票数 0
回答已采纳
2回答
这是一个关于新的灵活框布局模型的问题。
假设在一个包含display: flex;的容器中，我有两个项目。当容器足够宽时，两个项目都水平布局，否则flexbox布局机制将使它们垂直堆叠。我想要的是当它们相邻时，两个项目之间有一个内部边距，但当它们必须堆叠在一起时，这个边距就会消失。
对于FlexBox模型，这是可能的吗？
例如，您可以使用以下文档，该文档已在最新版本的Chrome上进行了测试：
<!DOCTYPE html>
<title>Flex Box</title>
<style>
body {
font-size:
浏览 2提问于2012-11-05得票数 0
1回答
根据的说法，flex收缩默认为1，这意味着flex项的大小可能会被更改。
现在我有了一个带有两个孩子div的挠性容器。
第一个是“flex:200 is；”，第二个是“flex:100%；”
当我调整容器的大小时，第一个div的宽度会缩小。
<div class="flex-container">
<div class="flex-item-1">div1</div>
<div class="flex-item-2">div2</div>
</div>
.fl
浏览 1提问于2022-08-10得票数 0
2回答
我在布局中有一个图像，当我调整窗口大小时，它的大小会变小，变得太小。 我想使图像固定在它的位置，并防止它变得越来越小，因为我缩小了窗口。 HTML <div class="container-fluid" style="background-color: #333333;padding-left:30px;">
<div class="row">
<div class="col-md-12 outsidediv">
<!-- im
浏览 18提问于2019-02-03得票数 0
我正在使用twitter bootstrap做我正在做的一个项目。
我有一个模式窗口，里面有一个有点长的窗体，我不喜欢当窗口变得太小时，模式窗口不能滚动(如果只是从我的页面上消失，这是不可滚动的)。
为了解决这个问题，我使用了以下css
.modal {
overflow-y:auto;
max-height:90%;
margin-top:-45%;
}
这完全符合我在Chrome中想要的效果(也就是说，当窗口足够大时，窗体是全尺寸的，但当窗口缩小时，模式也会缩小并可滚动)。问题是，在IE中，模式不在屏幕上。对于这个问题，有人有更好的解决方案吗？
我的示例可以在tin
浏览 1提问于2012-03-28得票数 84
1回答
我想在屏幕中央显示一个图像，其中一些nowrap文本与其左侧的图像右对齐，另一些nowrap文本与图像的右侧左对齐。当浏览器窗口水平调整大小时，我希望图像在没有空白处时缩小。在不使用表的情况下可以做到这一点吗？
浏览 7提问于2015-03-14得票数 0
1回答
不包装的挠性物品
、、
我的问题是，我在我制作的柔性盒的section中有一个article，当我缩小浏览器的大小时，这个柔性盒中的三个元素将重叠。有小费吗？
body {
display: flex;
flex-direction: column;
}
header {
background: blue;
}
main {
display: flex;
flex-direction: row;
flex: auto;
}
article {
flex: 2;
overflow-y: auto;
background: red;
}
aside {
flex: 1;
o
浏览 2提问于2015-11-09得票数 2
回答已采纳
3回答
如何约束容器内的文本溢出？
、、、、
我正在进行一个免费代码营项目，当我试图缩小这个站点时，文本会从width设置为"auto“的容器中溢出。文本从底部溢出，我不知道为什么。
我试过height: auto，height: 100%等，但是什么都没有用。
标记：
<section id="product-info">
<img class="background-image" src="https://i.postimg.cc/50G4sHcs/water-
2208931.jpg" alt="">
<
浏览 3提问于2019-07-20得票数 0
1回答
工具: CSS和Flexbox
注意:这个问题严格来说是一个CSS/Flexbox美学问题。
问题:当你调整垂直尺寸时，我的脚不会继续种植这些days.It缩小和滑出页面。
我曾经有一个不错的，页眉和页脚停留在他们的位置，因为你缩小了窗口垂直，而中间的内容让位。
生活是美好的--直到我把我的CSS翻译成React的JSX风格，这迫使我在我的页脚周围增加了一个div。。
生命伟大之前的：
<div class="main-container"> /*flex-direction:column
<div class="header">
浏览 1提问于2015-10-07得票数 1
回答已采纳
1回答
堆栈溢出。
在我的网站()上，我有一个图像元素，它是浏览器的视口大小。然而，在移动safari和其他方面，当顶部的URL框缩小时，它也会扩大视口大小，从而导致图像元素“重新调整”。是否有一种方法可以使视口大小保持不变，使“初始”视口大小成为图像的永久大小？我不希望元素更改大小，即使视区改变大小；我希望元素保持“初始”视图端口的大小。
守则：
html
<div class="block block-large cover-background flex flex-middle **height-viewport** contrast" style="backgro
浏览 0提问于2016-08-11得票数 0
我一直在玩挠性盒，并一直试图了解它是如何工作的。我已经注意到，flex容器的%宽度将缩小超过其内容，但是如果我将宽度替换为flex基础，它将重写百分比并阻止它缩小超过其内容的百分比。请参见下面的示例，并将“宽度”替换为“flex”：
<!DOCTYPE html>
<html>
<head>
<style>
.flex-container {
display: flex;
background-color: DodgerBlue;
}
.flex-con
浏览 1提问于2021-12-28得票数 1
回答已采纳
1回答
我有一个选项卡面板，并在其中我添加了一个网格面板。现在，当我调整浏览器窗口的大小时(就像在“缩小”中一样)，我想要缩小网格列和所有其他组件，并调整大小，以便它可以以任何窗口大小显示视图。我该怎么做呢？
我使用的是sencha-architect2 2
Ext.define('App.view.ExView', {
extend: 'Ext.tab.Panel',
autoRender: true,
autoShow: true,
frame: true,
height: 600,
id: 'mainpan
浏览 0提问于2012-07-15得票数 1
回答已采纳
3回答
在我的项目中，我有一个容器<div>，我在其中添加了一个边框，所以它对用户是可见的。
我将display: flex;添加到容器中，这样它就可以利用flex。我现在的代码工作得很好。这是因为它目前是完全响应的，这意味着当我从右边或左边调整窗口大小时，容器也会移动，这对于响应来说是完美的。
以下是我的当前代码：
<div class="flex-container">
<h1>YO!</h1>
</div>
.flex-container {
display: flex;
f
浏览 12提问于2019-11-26得票数 0
回答已采纳
我有这个代码，当一个按钮被点击时，显示/隐藏一个菜单
$('#main-menu ul').slideToggle();
当浏览器窗口小于767像素时，菜单是隐藏的，所以这个按钮出现，允许它打开和关闭，这是有效的，但唯一的问题是，当我再次调整窗口大小时，菜单消失了，如果滑动切换已将其设置为无。为了解决这个问题，我添加了在浏览器调整大小时显示菜单的代码。当浏览器窗口再次缩小到小于767 px时，这会导致新菜单显示，而不是隐藏默认菜单。当缩放比例小于767px时，我可以再次隐藏菜单，但这会导致菜单闪烁，因为它是隐藏的。
我想知道一种方法来检测resize()是否放大，在这种情况下，
浏览 0提问于2012-11-08得票数 1
回答已采纳
2回答
在我的网站lukewattchow.zzl.org/上，我已经做到了当浏览器窗口缩小时，网站也会缩小。然而，div中的文本需要随着背景和图像一起缩小。有人能帮上忙吗？
浏览 2提问于2011-03-19得票数 0
1回答
我想得到帮助，请建立一个响应式的设计。
问题是，我不知道如何将元素定位为绝对元素，但保持与它们之间的顶部比例的相同距离。
这里有一个例子的链接，你可以调整窗口宽度，并看到两个元素正在远离彼此，而不是总是从顶部开始保持它们之间的相同空间。所以我想要做的就是对整个东西进行模拟缩放，这样它只会变得更小/更大，但看起来总是一样的。
请在调整窗口大小时，如何使元素向上移动并从顶部缩小空间？
.container {
width: 100%;
height: 1000px;
position: relative;
background: #eee;
}
.contain
浏览 2提问于2013-11-09得票数 12
1回答
我在努力学习使用Flexbox。我有一个页面，两张图片被中间的一个条子隔开，从上到下堆叠。我希望无论浏览器大小如何，条形图保持相同的大小，当浏览器缩小时，两幅图像都要调整大小(如果有额外的空间，则保持原来的图像大小。我正在执行这个通过最大高度在包含的div))。我可以得到的图像大小调整高度，但宽度不改变，以保持高宽比。
我读过几个类似的问题和教程，但我似乎无法应用它们的解决方案来适应我的场景。这个解决方案似乎最符合我的需要：
这是我到目前为止所拥有的。我也不知道为什么会导致内容在代码页上滚动.
<style>
#container
{
width: 100%;
浏览 0提问于2015-05-06得票数 0
回答已采纳
我注意到，当我缩小窗口大小时，会发送一条WM_ERASEBKGND消息，有人能解释为什么在这种情况下会发送此消息吗?我的意思是，当我增加窗口大小时，我应该擦除新显示区域的背景，但是当我缩小窗口大小时，为什么要擦除背景呢？
这是一个展示此行为的屏幕截图(我将Spy++设置为只显示WM_ERASEBKGND消息)：
这是我用来创建窗口的代码：
#include <Windows.h>
LRESULT CALLBACK WndProc(HWND hWnd, UINT message, WPARAM wParam, LPARAM lParam)
{
switch(mes
浏览 1提问于2015-11-21得票数 4
我试着在页面的右下角放置一张图片，并让它始终在那里。我已经做到了这一点，但我在缩小浏览器窗口时遇到了一个问题(在屏幕较小的情况下，在不同的建议中查看它也是一个问题)。当我使浏览器变小时，图像保持相同的大小，并最终重叠在其他项目上(例如我的菜单)。有没有什么办法可以让图片和浏览器一起自动变小？
我用来将图片放在右下角的css代码如下所示：
display:block;
float:right;
bottom:0;
right:0;
width:340px;
该图像是放置在我的html的div中的png图像。
我希望有人能理解我的意思，并帮助我！
浏览 3提问于2013-03-16得票数 1
2回答
我想问你，当我缩小我的浏览器的大小时，我怎样才能列出一个响应列表，当我缩小浏览器的大小时，项目是垂直的，一个在另一个下面，当浏览器窗口正在增长时，项目将放在一个。我的列表代码如下，我设法将它们排序在中间和一行，但我对响应程序感到困惑。
<div class="list">
<ul id="2" class="3">
<li><a href="#">< </a></li>
<li><a href="#"> </
浏览 5提问于2014-12-29得票数 0
回答已采纳
我是比较新的复杂的CSS，并有一个问题-我有一个页面，沿着页面的底部放置一个浮动元素。它通过设置Bottom: 0和Position: Absolute来完成此操作。
当用户将浏览器调整为非常小的大小时，此元素会遮盖页面上的其他内容。
理想情况下，元素将继续以正常和较大的大小浮动在浏览器的底部，但如果浏览器窗口缩小得太小，浏览器将强制滚动条，而不是进一步移动浮动元素。
本质上，我想告诉浏览器--无论窗口有多小，永远不要呈现小于800x600的页面。
浏览 14提问于2008-11-06得票数 1
当我试图修改数据库文件大小时，它会显示此错误。
指定的大小小于或等于当前大小。
我尝试了这个查询：
Alter database [dbname] modify file
(
name=N'data-file-name', size=(newsize=90MB)
);
现在，当我试图缩小它时，我的意思是使用我在互联网上看到的查询，将它从100 on更改为90 on：
DBCC ShrinkFile(data_file_name,size to)
，但为什么？
为什么我不能将文件大小修改为更小的大小，以及为什么缩小它工作呢？
当我缩小文件和修改文件大小时会发生什么？
浏览 0提问于2015-08-17得票数 1
回答已采纳
你必须知道这个问题是针对我的情况的，我真的很想听听你们的意见！
所以，我正在尝试在我的网站上有一个页面，在左侧有一个菜单，在右侧有内容。我将包含菜单的div的宽度设置为200px，但我的问题是，如何将包含内容的div放在侧边菜单的右侧？因为请记住，我希望包含内容的div随着浏览器窗口大小的变化而扩展或缩小。
第一个场景:我把侧边菜单放在左边，也把包含内容的div放在左边，但是当我给它一个100%的宽度时，它就会放在侧边菜单下面。
第二种情况:我将侧边菜单放在左边，并将包含内容的div放在侧边菜单的右边，将它的左边距设置为250px。
但在这两种情况下，包含内容的div都不适合浏览器的窗口，这意
浏览 0提问于2017-11-16得票数 0
4回答
我已经完全用flash (flex actionscript项目)制作了一个页面，由于奇怪的原因，当用一个小窗口浏览器(低分辨率或未最大化)打开时，不应该缩放；在这种情况下，我需要浏览器滚动条激活才能显示完整的flash应用程序。
如何做到这一点？
注意:我不想在flash中实现scroll方法(比如flash滚动条，或者鼠标位置相关的滚动条)，我只想调用浏览器的滚动条。
浏览 5提问于2009-03-24得票数 1
回答已采纳
1回答
我正在尝试将两个相邻的绘图放入CSS flexbox中。我想让它们在窗口调整大小时调整大小。当窗口变大时，它按预期工作，但当窗口变小时，绘图不会缩小。
var trace1 = {};
var trace2 = {};
var plotdiv1 = document.getElementById("plotdiv1");
var plotdiv2 = document.getElementById("plotdiv2");
Plotly.newPlot(plotdiv1, [trace1]);
Plotly.newPlot(plotdiv2, [trac
浏览 3提问于2016-07-15得票数 65
回答已采纳
2回答
将max-width或width设置为flex项而不是flex-basis是否有区别？
它是flex-grow/shrink属性的“断点”吗？
当我设置flex-wrap: wrap时，浏览器如何决定在哪一点将项向下移到新行？这是根据他们的宽度还是“灵活的基础”？
示例：最后两个框具有相同的flex-basis: 200px，但是当窗口在300 of和400 of之间时，只有--其中一个移动。为什么？
浏览 2提问于2014-05-09得票数 45
回答已采纳
例如，www.breakingnews.com正在使用Twitter Bootstrap，它在这种重新定位方面做得很好。当水平调整浏览器窗口的大小时，页面也会相应地调整。列大小缩小，列和标题消失，图标和按钮移到一边，文本重新对齐。这是怎么回事？
浏览 2提问于2011-12-16得票数 0
回答已采纳
2回答
当浏览器窗口在以下代码中垂直缩小时，我需要避免div的重叠：
`
<html>
<body>
<style>
#box {
display: flex;
flex-direction: column;
align-items: center;
}
#top {
background-color: red;
浏览 1提问于2017-09-21得票数 2
回答已采纳
1回答
我有一个包含多个物品的弹性容器。它非常简单- 100%宽的容器内有文本元素。文本元素可以是不同的宽度，并需要所有适合100%的宽度。如果宽度不够，则个别元素可以按需要包装。这个很好用。
现在，当有足够的宽度使所有元素不需要包装时，它们之间就会有相等的空白。然而，当元素在宽度和文本包装上缩小时，它们的间距似乎不再正确。看来flex基础没有正确计算，因此，那些结束的元素在右边有一个更大的空白(它是一个ltr容器)。
下面是和相关代码：
<ul>
<li>Longer item</li>
<li>Short</li>
<li>
浏览 6提问于2021-02-17得票数 1
1回答
希望左边有一个大项目，右边有很多小项目。如果浏览器窗口足够大，我希望小项目以柱状的方式“浮动”，这样它们就不会超过大型项目的高度。但是，当浏览器缩小时，我希望将小项目放在一行大的下面。
下面是一个演示代码：
div.container {
display: flex;
flex-wrap: wrap;
}
div.right-variable {
max-height: 320px;
align-items: center;
}
div.test-700 {
width: 700px;
height: 320px;
background: green;
浏览 2提问于2017-11-01得票数 0
回答已采纳
如果我从头开始创建ComboBox，当调整窗口大小时，内容会正确地显示在上面/下面，等等。
为什么在创建自己的Combo派生类时不会发生这种情况？我遗漏了什么？
浏览 0提问于2011-04-13得票数 0
2回答
这些图像已经使用max-width和max-height进行响应，也有float : left。
使用display : inline-block不会将它们并排排列，而是在顶部和底部排列，但是当我减小窗口大小时，图像会变得更小。
然而，使用display : flex，将它们并排排列.但问题是，当我缩小窗口大小时，图像不会变小并溢出。
做这件事的正确方法是什么？我希望图像有相对的宽度和高度，并排排列(只有2张图片)，因此它们将变得更小或更大取决于窗口/视口的大小。
以下是我迄今为止的尝试：
HMTL
<div class='w3-container inline' sty
浏览 1提问于2016-09-17得票数 0
回答已采纳
我们如何使用一个<img> <canvas> 或<canvas>来扩展/缩小以填充 display: flex 类型的布局中的剩余空间？使<div>填充剩余的空间很简单，但是<img>有自己的大小概念，从而使布局无法正常工作。例如，假设我们有：
父母<div>与display: flex，
一个带有<h1>的子flex: 0 0 auto，以及
一个<img>和flex: 1 1 0px的孩子。
当窗口被调整大小时，<img> (或<canvas>)有时正
浏览 0提问于2018-11-11得票数 1
回答已采纳
我有一个奇怪的问题，为什么当我垂直调整窗口大小时，div容器会缩小/消失，而不遵循正常的网站布局。这是我所说的截图。
正如你所看到的，红色应该覆盖所有的内容，包括包含所有颜色的盒子。只有当我垂直调整网页的大小时，才会出现这种情况，我不知道为什么会这样做。
这是我的代码：
.main-content {
display: flex;
flex-direction: column;
height: calc(100% - 84px);
}
.main-content-container {
display: flex;
flex-direction: colum
浏览 0提问于2018-07-14得票数 2
回答已采纳
1回答
目前，当我缩小屏幕的大小时，文本和图像就会从div中挤出，如下所示：
。
我怎么才能让它看起来像
？(显示屏幕的全屏和一半大小)。
.flex {
z-index: 2;
display: flex;
flex-direction: row;
background-color: #000000;
height: 100px;
border-radius: 20px;
margin: -450px 36% 0 36%;
}
.landingText {
z-index: 2;
font-family: 'Mukta', sans-se
浏览 4提问于2022-01-18得票数 -1
1回答
我在一个灵活的容器中有三个DIVs，它需要以40 to的边距均匀地伸展，并且在屏幕宽度缩小时响应。当我开始缩小浏览器窗口的大小时，中间的DIV仍然比旁边的另外两个大。
如何保持所有三个子DIVs的宽度与屏幕宽度缩小相同？
这是我的代码：
.container {
width: 100%;
margin: auto;
margin-bottom: 65px;
display: flex;
align-items: stretch;
}
.child1, .child2, .child3 {
text-align: cen
浏览 2提问于2021-12-17得票数 0
Firefox/IE10/Opera，upong缩小窗口，将图像保持在当前大小，根本不进行缩放。
Chrome是唯一能按比例缩小每件事的浏览器。我不知道Chrome是否做错了什么，或者其他所有的浏览器都做错了，或者如何修复它。
HTML
<section>
<div class="card"><img src="http://placehold.it/120x200" alt="" /></div>
<div class="card"><img src="
浏览 6提问于2013-06-03得票数 1
2回答
当浏览器窗口缩小时，我正在尝试将段落文本换行到下一行。目前，它停留在同一位置，当浏览器窗口缩小到段落文本之外时，会出现一个水平滚动条。
我尝试过CSS3文本换行属性，但它不起作用，或者我可能没有正确使用它。
浏览 0提问于2012-11-04得票数 0
回答已采纳
2回答
我有一个10%宽的单元格，里面有几个单词。当您缩小窗口大小时，大小会一直变小，直到与里面的文本长度匹配，然后就会停止缩小。我想让它保持10%的宽度。我该怎么做呢？
抱歉，不能使用div。
浏览 0提问于2011-04-23得票数 0
回答已采纳
我正在使用来缩放图像。有一个旋转功能，可以在两个方向上旋转图像。
在Google chrome中，当你向任何方向旋转图像，然后尝试放大和缩小时，一些边框类型的线条会出现在容器的空白区域。这是problme的截图。
你可以打开这个插件的来查看chrome中的行为。
我试过使用chrome的dev工具，但当我打开dev工具窗口时，这些线就消失了。这个问题有什么解决方案吗？
浏览 1提问于2012-10-03得票数 0
回答已采纳
2回答
有没有办法强制一个浮动的div缩小而不是转到一个新的行？
我知道我可以在div上设置隐式宽度，但它在一个菜单上，菜单中可能有不同数量的项目。如果可能的话，我试图在保持网站布局流畅的同时做到这一点。
#left {
float: left;
border: 1px solid #000;
}
#right {
float: right;
border: 1px solid #000;
}
<div id="left">
<p>This div represents the logo</p>
</div>
&
浏览 1提问于2010-11-26得票数 6
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
