使用flexbox无法正确显示相同宽度和高度的元素
使用flexbox布局可以轻松实现相同宽度和高度的元素的显示。Flexbox是一种用于创建灵活的、响应式的布局的CSS模块，它提供了一套强大的属性和值，用于控制容器和其内部元素的排列方式。
在使用flexbox布局时，我们可以通过设置容器的display属性为flex来启用flexbox布局。接下来，我们可以使用flex-direction属性来定义主轴方向，以及justify-content和align-items属性来控制元素在主轴和交叉轴上的对齐方式。
要实现相同宽度和高度的元素，我们可以使用flex-basis属性来设置元素的初始尺寸，然后使用flex-grow属性将剩余空间平均分配给所有的元素。例如，我们可以将flex-basis设置为0，然后将flex-grow设置为1，这样所有的元素就会均匀地占据容器中的剩余空间，从而实现相同的宽度和高度。
以下是一个使用flexbox布局来实现相同宽度和高度的元素的示例代码：
<!DOCTYPE html>
<html>
<head>
<style>
.container {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.item {
flex-basis: 0;
flex-grow: 1;
height: 100px;
background-color: lightblue;
margin: 10px;
}
</style>
</head>
<body>
<div class="container">
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
</div>
</body>
</html>在上面的代码中，我们创建了一个.container容器，它使用了flexbox布局，并设置了水平方向的对齐方式为space-between。然后，在.item元素中，我们设置了flex-basis为0，flex-grow为1，这样所有的.item元素就会均匀地占据容器中的剩余空间。
在腾讯云的云计算服务中，推荐使用云服务器（CVM）和弹性伸缩（Auto Scaling）等产品来搭建灵活、可扩展的云计算架构。您可以通过以下链接了解更多关于腾讯云的相关产品信息：
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 弹性伸缩（Auto Scaling）：https://cloud.tencent.com/product/as
相关·内容
如果用户有iPad或iPhone，我想显示与正方形独立的相同网格，相应地增加正方形的大小。
我不想检测设备并根据屏幕大小更改方块的宽度和高度。可以只使用React Native的css flex功能吗？
这里是
浏览 1提问于2016-09-16得票数 1
我有一个<a>标签，里面有一个<img>，我想让它在屏幕上垂直和水平显示，但也要有最大高度和最大宽度，这样它就可以很好地显示在屏幕上，周围留有空格。它需要在任何尺寸的屏幕上同时支持肖像和风景图像，并且根本不能裁剪图像。然而，我不能让图像的最大高度工作。
<a>还包含一些位于图像左侧下方的文本，因此我尝试使<a>的大小与<img>的大小相匹配，以使该文本的位置正确。
HTML：
<a href="#">
<img src="image.jpg" alt="it's
浏览 2提问于2014-12-31得票数 2
我正在尝试一个粘性的页脚布局来跨浏览器工作。Philip Walton似乎做得很完美，就像演示的那样。
据我所知，我正确地使用了flexbox和前缀。但我知道我会犯错！任何帮助都是非常感谢的！我没有发布代码，因为我认为这是在浏览器中调试时最简单的东西。
浏览 1提问于2015-09-18得票数 1
2回答
几天来，我一直在尝试垂直对齐.sl_container。
我试过vertical-align: middle，但那不起作用。
如果我为.slideshow指定了一个高度和宽度，然后使用top: 50%;和transform: translateY(-50%);，这是可行的。。
问题是，如果我移除滑块的高度和宽度来占用可用的空间并适应，那么这将使内部div看起来向上移动。。
display: table-cell;不是一个选项，因为它的箭头位于父div的全宽两侧，而不是在图像上。
我以前试过flex，它垂直对齐，但是如果父DIV宽度大于子DIV，出于某种原因，它会转到
正如我说过的，我尝试过多种
浏览 10提问于2017-11-03得票数 1
回答已采纳
我试图使用为全屏桌面web应用程序构建以下布局：
标题栏将是通常的AppBar
左边的工具栏有固定的宽度，并延伸到屏幕的底部。
底部有一个固定的高度。
主面积和边面积占剩余的面积，边面积约为主面积的30%。
注意，这是一个100%的宽度，100%的高度应用程序(没有垂直滚动)。所有区域都不需要滑动(即抽屉)。
虽然我可以使用普通的CSS编写这个代码，但是这个项目需要一个“实质性的UI方法”。我感到负担过重的许多布局选项，并一直无法确定哪些组件将足够这个半流体布局。
实现这一点的“实质性用户界面”将是什么？
浏览 3提问于2020-01-31得票数 0
回答已采纳
我想要一个具有Svg图形在顶部和一些文字解释它的图形下的页面。文本很长，因此页面必须能够滚动。当我在Svg元素上使用固定的宽度和高度时，它可以工作，但我想使用flex。
这是一个使用简单矩形而不是图形的示例。Svg矩形不显示：
import React, { Component } from "react";
import { StyleSheet, View, Text, ScrollView} from "react-native";
import Svg,{ Rect} from 'react-native-svg';
export d
浏览 0提问于2018-03-05得票数 2
2回答
我的代码(full version)： <div class="modal-body">
<div class="container">
<div class="row">
<div class="col-8 p-0">
<form class="form-group">
<form>
<input type="text" class
浏览 6提问于2019-06-02得票数 1
我最近正在熟悉在GitHub上使用Jekyll的模板。到目前为止，我在所有事情上都取得了成功--除了一个项目。这是一个像宇宙飞船一样的标志，在每一页左上角。就是一个例子。
最初设置了一个不同的徽标，通过更改以下文件，我成功地将其更改为类似于宇宙飞船的徽标：
1)
2)
我相信页面左上角的徽标是来自上述两个目录之一的"logo.svg“文件。也许我不习惯使用.svg文件，但是我无法确定它的像素尺寸，也无法在我的Mac上调整其像素尺寸。相反，我使用了一个在线程序来减少像素大小。但是，即使我这样做并将更改推送到GitHub存储库，左上角的徽标也会显示相同的大小。
任何关于如何确定标识的来
浏览 5提问于2020-01-19得票数 0
回答已采纳
有谁能请告诉我新的Flexbox布局模型如何比当前的表格方式更好呢？(显示:表和所有这些都包括在我的情况下)？
它在IE10下完全不受支持，这在不久的将来是不太好的，我只是看不到表布局的任何好处。但是，互联网已经开始充斥着这种新的CSS布局方法的“崇拜者”，我看到的所有例子都可以很容易地用普通的css来完成，没有问题。
更新25.12.15:
自从柔性盒被引入到现代浏览器并停止使用display:table等等之后，我就一直在使用它们，因为柔性盒更强大，更易于使用。
浏览 7提问于2013-08-24得票数 29
回答已采纳
1回答
我知道使用柔性盒比使用旧概念要舒服得多，比如
display: inline; float: right
但是，如果您只是通过放置容器和使用display: flex;来比较使用柔性盒，而不是仅仅将容器中的每个元素更改为display: inline;，那么使用柔性盒的优点是什么？我指的是，除了使用之外，还有方向、包装、合理内容等。
所以当我举一个例子
我也可以通过使用display:inline和float: right来实现这些属性(在容器中水平地放置一个项，同时拟合容器的总大小)吗？
我知道这是无效的。但是，我正在寻找为什么flexbox是旧的内联/浮动方法的一个很好的替代方法，即
浏览 0提问于2021-11-20得票数 0
回答已采纳
3回答
我使用这个脚本获得一个宽度，然后将它应用于相同的元素：
$(document).ready(function(){
$(".equal-height").each(function(){
var slideSize = $(this).outerWidth();
console.log(slideSize);
$(this).css({ "height" : slideSize + "px" });
});
});
浏览 6提问于2016-03-07得票数 4
回答已采纳
1回答
我正在尝试翻转一张牌，但在图像和反面方面遇到了一些问题。
目前，我必须表示div的宽度和高度，这会导致图像拉伸和扭曲-我希望图像固定为其特定的纵横比。我也希望反面(黄边)的宽度和高度与图像相同。当前是文本的高度。
codepen：
任何帮助都将不胜感激。
body {
font-family: arial;
padding: 20px;
}
.card__container {
height: 300px;
position: relative;
width: 500px;
float: left;
}
浏览 0提问于2019-07-24得票数 0
这个问题的Acknowledgement:变量已经被问了好几次，但要么它们不完全适用，要么我无法让它们工作。许多其他解决方案没有使用填充、边距或绝对定位容器.
目标:我的目标是在屏幕中间创建一个弹出窗口或覆盖窗口，它在覆盖窗口和可查看窗口的边缘之间使用100 of缓冲区，垂直和水平地消耗100%的视图端口。覆盖必须包含标题、文本区域和一些链接。textarea需要占用覆盖窗口中的所有剩余垂直空间和所有可用的水平空间。在标题和导航链接之后，我试图最大限度地增加可视文本区域的数量。
解决方案，几乎:基于以前的答案的，我已经在三个主要浏览器中提出了两个几乎满足我的需求的解决方案：
-在Chro
浏览 4提问于2014-11-24得票数 3
1回答
我试图用CSS做一个非常简单的全屏网格。
这里只有相关代码：
html, body {
height: 100%;
padding: 0;
margin: 0;
font-size: 0;
}
[class*='col-'] {
display: inline-block;
height: 100%;
background-color: red;
}
.row-third {
height: calc(100% / 3 - 1.333333333333333%);
}
.row-third:nth-chil
浏览 1提问于2016-03-30得票数 0
回答已采纳
[
import consultin2 from '../../assets/logo/consultin2.png';
inside function
{
<nav>
<div className="navbar-logo">
<img src={consultin2} alt="ConsultIn"></img>
</div>
.......</nav>
}
.n
浏览 6提问于2022-09-25得票数 0
2回答
如何使元素的高度与其宽度相等？
、、、、
我正在用Ionic制作一个应用程序，我想要一个正方形图像作为背景。图像需要对不同分辨率进行缩放；我希望它填充设备的宽度，然后在保持高宽比的同时保持该宽度的高。
我试图添加一个指令来计算要设置的正确的高度，但是我无法让它做任何事情，它似乎根本没有被调用。
HTML
<ion-view view-title="Home" >
<ion-content class >
<div id = "card" ng-model = "card">
<h3>{{card.name}}&l
浏览 2提问于2015-08-10得票数 6
回答已采纳
1回答
我有一个adminHeader.php，
<div class="main_content">
<div style="width: 100%">
<div class="header" style="align-items: center;font-size: 17px;">
<a style=" text-decoration-line: none;">Dashboard</a>
浏览 9提问于2022-06-09得票数 0
1回答
使用针织的2个地块的自定义布局
、、、、
我想要的是在一行中显示两个相邻的图形，这样第一个是方形的，第二个是所有剩余的宽度，它应该比第一个宽(我使用knitr和LaTeX)。
我尝试使用r layout并在图块选项中指定out.width和out.height，但我无法正确使用，并且我不确定这是正确的方法。
一般来说，最好在块选项中配置图形大小，对吧？但是，对于更复杂的布局，最好的方法是什么呢？
浏览 0提问于2015-08-13得票数 0
我仍然无法掌握flexbox的诀窍:| 我正在尝试创建一个5x5的正方形网格，我希望每个正方形都是50px x 50px，但我想不出来。html是基本的： #grid {
display: flex;
}
.grid-item {
flex: 1 0 17%;
height: 50px;
} <div id="grid">
<div class="grid-item">Something</div>
<div class="grid-item">Something<
浏览 25提问于2021-09-14得票数 0
回答已采纳
我想在页面中央显示一张卡片。当我将类progress-wizard放在一个单独的div中时，如下所示。
<div class="progress-wizard" >
<div fxLayout="row" fxLayoutAlign="center center">
<mat-card>
<button mat-raised-button color="primary">Primary</button>
</mat-card>
浏览 51提问于2017-10-21得票数 3
1回答
这个元素在Chrome中的显示方式与Safari和Firefox不同，我对此感到非常困惑。
我有一个<a>，应该与它的父<div>的高度相匹配。在Safari和Firefox中是这样的，但Chrome没有。我无法手动设置高度，因为相同的代码用于页面上几个大小不同的项。
<a>元素的明显相关样式如下：
display: table-cell;
width: 100%;
vertical-align: middle;
position: relative;
<div>元素的明显相关样式如下：
display: table;
width: 100%;
浏览 0提问于2014-04-29得票数 2
回答已采纳
我们在一个简单的网页上显示六张图片。
它们都以相同的尺寸显示，320px乘180px。这些图像都比这些尺寸大，并被浏览器缩小。
然而，在Mobile Safari中，除了第四个和第五个图像之外，所有图像的缩放比例都不成比例，即使这些图像在桌面上看起来很好(具有适当的比例)。
如果我们只显示三个图像，它们都可以正确渲染。
这是否与iPhone的处理能力有限有关？
按比例渲染图像的选项有哪些？
我们正在使用jQuery。
网页：
浏览 1提问于2012-06-05得票数 0
回答已采纳
我有一个块的网格，其中其他块也包含在flex块中。
我遇到的问题是，在epiphany中网格的flex项的子项中忽略了高度。它似乎可以在firefox和chromium上正确显示。
我用顿悟得到的结果是第一个块比后面的两个块长。而在firefox和chrome上，所有块在第一行具有相同的高度，并在必要时在每行进行相应的扩展。
.container {
width: 20rem;
height: 20rem;
overflow: auto;
}
.b2 {
height: 100%;
background: pink;
}
.widgets {
display:
浏览 2提问于2017-12-29得票数 1
我在html页面上无法正确显示svg图像。我使用快照创建了映像，提取了svg并添加了xml和doctype标记。
svg和测试页面代码在这里：
当我用铬打开svg时，它看起来很好。当我在这个html中打开它时，菩提处的文本就消失了，代之以破折号：
<html>
<head></head>
<body>
<img src="/assets/composingcontracts/mappingdiagram.svg" width="850px" height="450px">
<
浏览 3提问于2015-01-27得票数 0
回答已采纳
5回答
目前，图片正被放置到我的网站中的一个给定宽度和高度的div容器中。
有些是风景画，有些是肖像画。
目前我给图像一个静态的宽度和高度，使用CSS在它的容器中正确地定位它。
.winner .winner-image img {
height: 159px;
width: 143px;
}
然而，这往往比注意到的更扭曲情况。
在不扭曲图像的情况下显示图像的推荐方式是什么？最佳实践？
浏览 0提问于2011-11-17得票数 4
1回答
我使用flexbox创建了一个2列布局，在顶部有一个div，它跨越两列(我用它作为菜单布局)。下面的小提琴说明了我是如何做到这一点的。不幸的是，虽然它在Chrome/iOS 7中工作得很好，但在较早版本的Safari中却不起作用。
我不需要支持IE，但需要支持Android/iOS。这在Chrome和iOS7中正确显示，但是当我使用旧语法(例如display: -webkit-box;)时，我无法复制这两列，因为flex-flow: row wrap似乎不存在于旧的语法中。我看到了一些对box-lines的引用，但听起来似乎不支持这一点。
在使用旧的2009年柔性箱语法时，我如何实现相同的外观
浏览 3提问于2013-11-27得票数 1
回答已采纳
2个div中的img元素。我希望图像彼此相邻显示，而不是堆叠，所以应用了flex。我还希望这两个图像在宽度和高度相等。
除了safari，它在所有浏览器(chrome，opera，firefox，brave)上都能完美运行。我读过safari is the，所以把图片拉长了。
我添加了align-items: flex-start；它修复了拉伸，但随后两张图像的高度在底部变得不均匀。
我刚刚设置了一个webkit css，所以只有在safari上高度是不均匀的，而在其他浏览器上是可以的。
有什么办法可以解决这个问题吗？
CSS：
.portfolio-box {
margin
浏览 2提问于2021-03-05得票数 0
我试图使用flex CSS属性将一组元素放入一个整洁的小框中。
这看起来正是我想要的IE10，但Chrome显示它是非常不同的。我基本上有：
集装箱
复选框(flex:5)，应该足够宽，以显示D，但不太宽。
文本输入(flex:10)，应占用所包含内容宽度的一半多一点。
确认按钮(flex:6)，应该足够宽，以包含其文本，但不多。
它在IE中运行得很好，但在Chrome中，前两个元素占据了每个元素宽度的50%，使得确认按钮从末尾掉下来。
我的Flex逻辑是错的，还是Chrome搞砸了？
浏览 5提问于2013-04-10得票数 2
我正在尝试布局我的应用程序的详细视图。视图有一个标题、一些信息和描述。我希望将标题标签和描述标签的宽度设置为屏幕的宽度和这些标签的高度，以适应标签的内容。如果内容的高度太大，无法在屏幕上显示，我还希望整个视图滚动。
我目前在视图中有一个带有标签的xib，带有autolayout约束来定位对象，并将标题标签和描述标签的宽度设置为包含视图的大小。该视图位于UIScrollView中，但对其没有任何限制。我设置标签以容纳属性检查器中的多行。在我的viewDidLoad方法中，我用内容和滚动视图、内容大小和框架设置视图的宽度。
目前，我无法使标签成为屏幕的宽度和高度来自动容纳文本。我是在正确的道路上，
浏览 1提问于2014-12-06得票数 0
回答已采纳
我在Firefox中遇到了一个问题：
由于某种原因，它在Firefox中会缩小，就像它不能计算高度一样。
Chrome和Edge都能正确显示，但为了让Firefox显示相同的结果，我需要将height设置为90vh，就像它的父级一样。
css如下:更改高度: 100%到90vh工作。但我不明白为什么。
.themes-outercontainer
{
position: relative;
display: table;
width: 100%;
height: 90vh;
}
.themes-container
{
width: 100%;
浏览 27提问于2017-12-23得票数 2
3回答
我已经找到了这个问题的许多答案，但他们最终只是水平居中，而不是垂直居中。
<table width="200" border="1">
<tr>
<th height="200" scope="col"> </th>
</tr>
</table>
浏览 1提问于2013-03-02得票数 1
我有以下代码：
CSS
#div1 {
width: 300px;
height: 300px;
padding: 40px;
background-color: blue;
overflow: auto;
}
#div2 {
width: 400px;
height: 400px;
background-color: red;
}
HTML
<div id="div1">
<div id="div2">
</div>
</div>
浏览 1提问于2014-06-10得票数 1
回答已采纳
body {
background-color:olive;
margin:0;
}
nav {
background-color:aqua;
position:sticky;
top:0;
border:1px solid red;
}
#container{
max-height:1800px;
display:flex;
flex-direction:row;
}
a {
浏览 15提问于2018-07-22得票数 0
回答已采纳
我不确定最好的方法是什么，但问题是：
使用响应列为我的内容生成两列。左侧div是登录窗格，右侧div是系统公告窗格。默认情况下，因为没有设置高度，所以左边的div的高度只有int的多少，右边的div要高得多，因为有5个系统公告。
我想要的是登录页面包含在一个查看区域的所有信息，而不是向下滚动页面。为此，我要做的是将系统公告的高度值设置为某个值，比如width:50vh，然后是overflow-y:auto。这包含公告。
为了使两列的高度匹配，我在.col类上设置了width:50vh。然而，我在这一列中有一些div，它们基本上溢出到div之外，它看起来不太好，而且与其他元素重叠。我想让高度自动
浏览 1提问于2017-12-13得票数 0
我把游戏设置为一个无边界窗口，它变成了2560x1440大小的全屏。
然后我得到窗口的大小：
GetWindowRect(hWnd, tSize);
和监控器大小：
Width = GetSystemMetrics(SM_CXSCREEN);
Height = GetSystemMetrics(SM_CYSCREEN);
我收到的值的宽度是2048和1152的高度。tSize、Width和Height的尺寸相同。基本上系统说，是的，我的窗口等于我的显示器的大小，这是正确的。但数值较小，这是不正确的。
对于加窗的机制也是如此，我获得的值比可见值更小(不正确)。
我尝试了其他功能，只有当我获得显示
浏览 3提问于2019-10-29得票数 1
1回答
我是iOS新手，我面临着很难设置自动布局的问题。看了很多视频来学习，但所有的视频都给出了一个具体问题的解决方案。没有视频涵盖了将UI对象设置到其所在位置的所有基本规则&使用适当的流程。
我来自Corona背景&习惯于很好地编程设置UI。我在这里也是这么想的，但我认为苹果让它变得如此困难，或者人们无法正确地解释我。
请看2张图片附加在这个问题和告诉我规则，以适用于实现此UI。我请求你的人，请以一般的方式解释，以便我的其他屏幕可以完成使用相同的规则。
图1：
图2：
浏览 2提问于2016-09-14得票数 0
如果将pre标记放置在块布局和flex布局项中，则行为似乎有所不同：
<div>
<pre style="background-color: green;">
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
浏览 2提问于2015-08-16得票数 5
回答已采纳
1回答
我在使用我的页面上的图片实现页面边框时遇到了一些困难。边框应该贴在我的网页边上，但图像没有显示。但是，用纯色背景色替换图像是可行的。我使用的代码如下：
#top, #bottom, #left, #right {
position: fixed;
}
#left, #right {
top: 0; bottom: 0;
width: 15px;
}
#left {
left: 0;
background-image: url("border-left.png");
}
#right {
right: 0;
background-image: url
浏览 21提问于2018-01-02得票数 1
回答已采纳
我是CSS的新手。
我想知道是否有一种方法可以根据前一个div元素的长度动态定位div元素。
示例：
<div id="A">
</div>
<div id="B">
</div>
<div id="C">
</div>
如果这些div元素都是全宽的，我希望一个元素根据前一个元素的长度一个接一个地出现，而不需要自己调整top属性的长度。
这是可能的吗?或者是否有可以使用的top值？
非常感谢。
浏览 0提问于2020-07-19得票数 0
当滚动一个列表下的md虚拟重复，有一个不一致的滚动和显示速度。项目显示速度不够快，无法跟上滚动速度。它还滚动“过去的列表”，以使空白显示在底部(而它应该停止滚动)。
参见codepen：
md-list-item, md-list-item ._md-list-item-inner {
min-height: 32px;
}
这个问题由于改变了" md-list-item，md-list-item._md-list-item inner“的最小高度而变得更加严重。在代码方面，当最小高度不改变时，这个问题就不存在了(运行在我的本地计算机上的Chrome就更糟了，但并不可怕。)然而，在
浏览 3提问于2016-07-07得票数 4
回答已采纳
对于响应式网页设计，我们应该使用哪个长度(高度/宽度)单位。我已经得到了附加的图像，其中所有的测量都是在px。因此，我开始只使用px，但它不起作用。鉴于此，我考虑了Iphone6(375x667)的附加图像，并开始通过将单个单元1/375(宽度)、1/667(高度)与图像中给定的像素数相乘来计算宽度和高度。
我对边距、填充、边框值也做了同样的事情。
想知道我是否在朝着正确的方向前进，或者需要为响应式移动开发做一些其他事情？
第一块CSS :高度=1/667*58vh，宽度=1/ 375*370vw；
浏览 0提问于2017-06-12得票数 0
我正在尝试设计li元素的样式，以使其文本内容在li's之间具有相等的间距，但似乎无法实现。
结果目前看起来像这样：
我希望li's之间的空白保持一致，但整个li's是动态宽度，但不超过一定的宽度：(因为有两个不同的ul's，它们是具有不同填充的样式，所以这就是为什么左菜单和右菜单之间的空间大小不同，但每个li在各自的ul's中的间距是一致的)
css是(任意的)：
li{
display: inline-block;
max-width: 95px;
padding: 5px 10px;
etc....
}
我正在尝试
浏览 0提问于2013-04-01得票数 0
12回答
如果我错过了任何解决问题的方法，很抱歉，我已经阅读并尝试了许多解决方案，但没有任何一种解决方案能够适应这个问题。
我在一个页面上有几个图表(来自chart.js)，但我无法成功地使它们响应，尽管：
responsive: true,
我能得到的最好的响应显示是放大画布的宽度和高度，但桌面版本的图表显示的是整个屏幕。
这是一个
有人要帮我吗？非常感谢。
浏览 16提问于2017-02-20得票数 23
回答已采纳
1回答
我的汉堡导航图标在iOS设备上有一个非常奇怪的问题。在除iOS设备之外的所有其他设备上，菜单链接似乎都很好，但在IOS设备上，菜单链接要么完全关闭屏幕右边，要么一半关闭/半关闭屏幕。
我试过用float: right和position: absolute right: 0定位菜单链接，但是我没有运气！
更重要的是，当使用BrowserStack测试网站时，使用“真正的iOS设备”似乎没有显示问题。这是相同的使用谷歌Chrome的检查元素的移动调试的东西，问题没有显示。
在使用最新的iPad Mini和使用和Safari的iPhone 6时，我已经看到了这个问题。
网站应如何出现：
如
浏览 1提问于2015-11-10得票数 2
回答已采纳
2回答
努力在我的CSS布局中实现我想要的功能。
基于这种基本结构的。我试着把以下几个部分结合起来：
<body>
<div id="A">
<div id="A1">
</div>
<div id="A2">
</div>
<div id="A3">
</div>
</div>
<div id="d
浏览 4提问于2015-03-03得票数 0
回答已采纳
我试图让一个flex框的多个子元素增长，以填充max-height参数在flex-direction: column时设置的可用高度。这可以直观地与max-width和flex-direction: row一起工作，当我在指定的最大宽度内调整浏览器大小时，允许元素再流。下面是一些简单的html，考虑到我对flex-box的理解，它应该能工作：
.child {
background: rgb(255, 255, 255);
border: 1px solid #999;
font-weight: bold;
text-align: center;
flex-basis:
浏览 2提问于2020-07-27得票数 2
回答已采纳
1回答
我正在尝试通过使用flexbox来完成这个设计：
它应该是一个单页面的网站。
.container {
display: flex;
}
.big {
flex: 2;
height: 70vh;
background: gray;
}
.small {
flex: 1;
height: 70vh;
background: gray;
}
<div class="container">
<div clas
浏览 3提问于2019-04-04得票数 1
4回答
嗨,
我创建了一个小的弹出式窗口与高度和宽度的div，我直接显示它，它看起来good.But当我把显示:无默认情况下，并使它可见，每当我点击按钮，弹出窗口显示没有高度和width...Can任何人告诉我的原因.....
<!DOCTYPE HTML>
<html>
<head>
<style>
div{
width:500px;
height:500px;
border:1px solid
浏览 1提问于2012-05-07得票数 0
回答已采纳
2回答
我真的很困惑，我试图创建一个带有图标和一些按钮的登陆页面，但是我无法将我使用的背景图像显示出来，即使它是根据Chrome的开发工具包加载的。
我只有这些台词：
index.html
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8"/>
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<
浏览 4提问于2016-03-01得票数 0
回答已采纳
2回答
在用户界面教程(请参阅)中，我试图将注意力集中在一些页面元素上。
例如，下面是导航栏：
和聚光灯(页面的其余部分被模糊了)：
然而，我页面上的一个元素是给我带来麻烦。这是Chrome的定位：
然而，jQuery认为它是330 is乘以60 is：
> var blah = $('.user-list')
[
<div class="well well-skinny user-list">…</div>
]
> blah.height()
60
> blah.width()
330
这
浏览 1提问于2013-10-19得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
