CSS位置和缩放对象(按分辨率)

不是斯瓦吉

我正在尝试在CSS中实现这一目标

我将如何处理?我无法使其填充侧面的空白,我只能在css中这样做(因此它也可以与浏览器缩放一起使用)

这是我的代码(简体),因为没有任何帮助,因此我提供了原始代码

<html>
<head>
    <style>        
        #parent {
            width: 1000px;
            height: 1000px;
            background-color: #0ff;
        }
        
        .child {
            width: 400px;
            height: 200px;
            margin: 20px;
            background-color: #f00;
            float: left;
        }
    </style>
</head>
<body>
    <div id="parent">
        <div class="child"></div>
        <div class="child"></div>
    </div>
</body>
</html>

一个儿子

flexbox

小提琴演示

#parent {
  display: flex;
  flex-wrap: wrap;
  background-color: #0ff;
}
.child {
  flex: 1 0 auto;
  width: 400px;
  height: 200px;
  margin: 20px;
  background-color: #f00;
}
<div id="parent">
  <div class="child"></div>
  <div class="child"></div>
</div>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

CSS位置和缩放对象(按分辨率)

来自分类Dev

显示分辨率和缩放

来自分类Dev

阴影贴图的位置和分辨率

来自分类Dev

Unity 4.3-了解位置和屏幕分辨率,如何正确设置对象的位置?

来自分类Dev

设备屏幕分辨率如何在CSS中缩放?

来自分类Dev

使我的网站缩放到CSS中的分辨率大小

来自分类Dev

openCV失真校准分辨率缩放

来自分类Dev

JavaFX屏幕分辨率缩放

来自分类Dev

根据分辨率缩放HTML列表

来自分类Dev

libgdx分辨率/密度缩放资产

来自分类Dev

OmniGraffle-按比例缩放对象

来自分类Dev

CSS:查询屏幕分辨率和密度的最佳方法?

来自分类Dev

缩放或较低分辨率时,会剪切CSS div容器背景

来自分类Dev

如何自动缩放图像以适应各种分辨率,而不会发生溢出和滚动?

来自分类Dev

如何拉伸或缩放窗口以适合分辨率的高度和宽度尺寸?

来自分类Dev

Windows 10中的Windows缩放和屏幕分辨率之间有什么区别?

来自分类Dev

分辨率和缩放比例更改后Windows 10图标名称未自动换行

来自分类Dev

如何缩放桌面和/或应用程序的分辨率/显示?

来自分类Dev

如何使用命令行更改显示分辨率和缩放比例

来自分类Dev

根据分辨率更改Web CSS

来自分类Dev

不同分辨率的CSS问题

来自分类Dev

CSS中奇怪的图片分辨率

来自分类Dev

VirtualBox,Ubuntu和屏幕分辨率

来自分类Dev

屏幕和分辨率问题

来自分类Dev

Unity 4.6:在运行时添加的按钮实例不会按参考分辨率缩放吗?

来自分类Dev

以不同的分辨率缩放桌面上的网页

来自分类Dev

在Android上缩放图像以获得各种分辨率

来自分类Dev

传单:根据设备/分辨率设置初始缩放

来自分类Dev

Tkinter缩放并在分辨率> 1时浮动

Related 相关文章

热门标签

归档