fluid-layout 相关问题

流体布局(有时也称为液体布局)是一种CSS技术,其中大多数页面组件具有百分比宽度,因此可以根据用户的屏幕分辨率进行调整。

为什么最小内容不能与自动填充或自动调整一起使用?

基本上,我不明白为什么这样做: 。网格 { 显示:网格; 网格模板列:重复(4,最小内容); } 但这不起作用: 。网格 { 显示:网格; 网格模板列:

回答 3 投票 0

用语言条件更改typo3模板,这个怎么写?

我尝试创建一个typo3模板条件,它将根据语言改变html模板的特性。 我有三种语言 ID:0、2 和 3。 我用: 打字错误3 12.4.9 引导程序14.0.7 我试过了

回答 1 投票 0

保持视口宽度和高度的纵横比的流体 div 元素

我正在尝试为图像创建一个 div 容器,该容器在页面(flexbox)上水平和垂直居中,宽高比为 2:3。我希望它能够根据宽度和

回答 1 投票 0

固定布局、流体布局、弹性布局和响应式布局有什么区别

您能详细说明一下两者之间的区别吗? 固定布局、流体布局、弹性布局、响应式布局

回答 2 投票 0

如何制作一个在电脑和移动设备上都响应的固定侧边栏菜单?

我正在使用 Bootstrap 5 制作简历网页。我现在似乎已经得到了我想要的东西,但我不知道如何在页面打开时固定侧边栏而不覆盖其他内容的显示

回答 1 投票 0

计算具有不同 :root 字体大小的流体排版的 css lamp() 首选值

例如,对于 h1 样式: 我有以下不同的 :root 字体大小: 700px - 1599px,字体大小:15px(1rem = 15px) 1600px - 1920px,字体大小:17px(1rem = 17px) 对于 h1,我想要

回答 1 投票 0

将图像与响应式容器的底部对齐

我正在尝试将图像与容器底部对齐。然而,由于该网站是响应式的,当我更改窗口大小时,图像会在容器中上下移动,因为它似乎固定在一个cer上......

回答 2 投票 0

TYPO3 8.7.2-8.7.3 和 Fluidpages 空白页

从 TYPO3 8.7.1 更新到 8.7.2(8.7.3) 后,前端只是空白页面 - 没有呈现任何内容。全部为空、等。还更新到最后的 FLUX、FLUID、fluidpages、fluidcontent...

回答 1 投票 0

R Shiny RenderUI 输出格式问题:删除 html 文本并重塑外观

我有以下 R 闪亮代码: 图书馆(整洁的宇宙) 图书馆(闪亮) 图书馆(闪亮的主题) 库(数据表) 图书馆(ggplot2) 图书馆(GGally) 主页<- tabPanel( title = "Analysis"...

回答 1 投票 0

具有流体尺寸的 CSS 网格,在保持纵横比的同时缩小内容

我希望这个自动网格随着浏览器扩展和收缩,同时保持项目在其中居中,保持它们的纵横比。 理想情况下: 纯CSS 将网格保持在“自动”模式(无温度...

回答 0 投票 0

具有动态高度的光泽渲染图

问题,我想动态更改渲染图的高度,因此,如果它包含大量数据点,则会为图分配更多空间。然后,只需移动图下方的内容即可。 ...

回答 1 投票 0

使用 CSS 缩放图像但限制为原始大小

对于响应式设计,我想缩小一些图像: 图片 { 宽度:100%; 高度:自动; } 这按预期工作,但如果屏幕宽度超过 i 的原始大小...

回答 4 投票 0

扩展在前端显示html

我是Typo 开发的新手。 我正在使用Typo 版本 . . 。 我使用扩展程序buider创建了一个自定义扩展程序。 它的工作是基本的,只需注册两个值nam...

回答 0 投票 0

大众单位中的Div和文本不会在Safari中一起调整大小

我有一个50vw的Div,里面有一个字体为2vw的文本段落。根据窗口大小,单词的位置会非常不同。在Chrome中,它们保持相同的比率,但在Safari中,...

回答 2 投票 0

CSS溢出:隐藏限制DIV的宽度

因此,香港专业教育学院遇到这个问题,在溢出:隐藏在一个div在容器将限制div的宽度时,其应该是流体。所以基本上我有一个类似的结构:

回答 2 投票 1

Bootstrap:无外部边界的流畅布局

如果我有: 某些元素。 如果我正确理解了您的问题,我相信您想要这样做: .container-fluid { padding: 0px; } 此外,如果您使用的是响应式引导程序,则也需要这样: @media (max-width: 797px) { body { padding-left: 0px; padding-right: 0px; } } 编辑:这是a js fiddle。 您看到的效果是由于container的填充。 您可以使用内置的container更改Bootstrap 4 spacing utility classes的默认填充。 要删除填充,请将p-0添加到container: <div class="container-fluid p-0"> <div class="row"> <div class="col-8"> Some Element.... </div> <div class="col-4"> Other Element </div> </div> </div> 使用内置实用程序类的好处是使CSS保持精简,并且也不会修改默认的container-fluid类定义。

回答 2 投票 24

使用SVG帧完美地屏蔽div

我试图用SVG'框架'掩盖一个div。尽管绝对定位SVG并将高度/宽度设置为100%,但在底部和右边缘周围仍然可以看到父div的细长部分....

回答 1 投票 1

PeopleSoft流体页面中的复选框

这里有没有人知道如何在流动的peoplesoft页面中创建复选框,以及如何在我的peoplecode中将它与SQLExec合并。例如,如果对于学生他拉5个程序然后复选框...

回答 1 投票 1

两个div并排 - 流体显示

我试图并排放置两个div并使用以下CSS。 #left {float:left;宽度:65%;溢出:隐藏; } #right {overflow:hidden; HTML很简单,剩下两个......

回答 4 投票 177

img-fluid没有正确调整图像高度

我正在使用Bootstrap 4并尝试使用4个图像的网格,2个在顶部,2个在底部。我正在使用img-fluid类,但图像根据宽度调整大小仅使图像高度...

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.