腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
3
回答
HTML
+
CSS
-
适合
100vh
内
的
2个
div
、
、
我
的
代码有一个问题,看起来很简单,但我不能理解它。 我正在尝试使主
div
全vh,以便内容自动高度应为
100vh
-标题框
的
高度。 但是,我一直得到标题框长度
的
滚动条。有什么好办法吗?完整
的
HTML
: <!DOCTYPE
html
><title>Test</title> <body>
浏览 31
提问于2020-12-22
得票数 0
1
回答
如何将图像放入指定
的
网格空间中?
、
、
我试图在我指定
的
网格区域
内
拟合图像,但我尝试
的
所有内容都没有给出我想要
的
结果。 我希望图像填充空间,而不裁剪图像。这有可能吗?以下代码
的
结果:https://imgur.com/FhYWUDZ 我想要
适合
的
原始图像:https://imgur.com/c3jpM7D body{ color: black; m
浏览 15
提问于2020-12-23
得票数 0
回答已采纳
1
回答
不同尺寸(分辨率)图片
的
容器都装配在一起
、
、
、
、
我有一个当前
的
代码:img max-width:15vw; position:relative; margin:0px; overflow:hidden; }<
html
><
div
id="con
浏览 0
提问于2014-02-15
得票数 0
3
回答
无法获得“内容”
div
来扩展页面长度
、
我在谷歌上搜索过,并尝试了他们提出
的
所有建议,但似乎没有效果。
CSS
(还有更多,但我认为这是唯一重要
的
):{ min-heightmargin: 0; pa
浏览 0
提问于2015-10-07
得票数 1
回答已采纳
2
回答
为next/image设置高度100 Set
、
、
、
、
我试过用各种方法将nextjs
的
图像组件调到100 is,宽度应该是自动
的
。我看了整个文档和它
的
例子和布局,但没有什么
适合
。import img6 from "./styles/slider.module.
css
"; return ( <
div
className" }}
浏览 12
提问于2022-07-15
得票数 0
1
回答
在img上使用对象适配时,单击图像外部事件
、
我想这是不可能
的
,但我想仔细检查一下:如果我有一个对象
适合
的
图像:包含;然后在图像外部(在背景上)单击,但仍然在img框架
内
-有没有方法让单击事件绕过img,就像我在img框架外单击一样?', e=> {}) body {} width:100vw;<
html
浏览 26
提问于2021-01-19
得票数 2
1
回答
Bulma -
适合
一个浏览器窗口中
的
图像和页脚,无需滚动
、
我想显示
的
图像和页脚,以始终
适合
浏览器窗口-没有滚动。为了
适合
图像,应该在保持比例不变
的
同时调整图像
的
大小。页脚应始终位于底部,图像应填充其余空间。英雄布局不是使用bulma实现这一点
的
正确布局吗?<!DOCTYPE
html
> <head> <meta name="viewport&
浏览 1
提问于2018-10-31
得票数 1
2
回答
将Iframe标签缩放到更大
的
尺寸
、
、
我对我
的
iframe有意见!如何使iframe
的
内容填充屏幕?图片: <
html
lang="en"> <meta charset="UTF-8">
浏览 5
提问于2022-09-24
得票数 0
1
回答
让引导行填充屏幕高度,但在调整窗口大小时动态调整
、
、
、
更新:
css
样式:导致了下面的初始问题。我是这样使用
的
,当点击“页面跳转”按钮时,网页
的
特定部分会填满屏幕。当使用上面的样式时,它非常
适合
屏幕,但在窗口大小调整时,高度保持在
100vh
,但行中
的
内容被调整为垂直堆叠,因此它不会随行高度变化。初始问题: 我正在尝试使用
CSS
/Bootstrap中
的
flexbox样式来垂直对齐一行
内
的
3列内容。这是一个js解决
浏览 1
提问于2015-10-01
得票数 0
4
回答
CSS
背景图像不会缩放
我正在努力学习
html
和
css
。现在,我正试图使一个背景图像填充浏览器窗口,无论大小。我搜索了它100次,每一页都说了同样的话。所以我复制了代码,但它对我不起作用。当我将浏览器设置为较小
的
大小时,背景图像会自动重复。我不想.我只想让它填满窗户。这是我
的
css
。
html
{background-size: 100%; background-image: no-repeat-y; }当窗口最大化时,图像是全屏<em
浏览 2
提问于2015-03-21
得票数 1
回答已采纳
1
回答
在移动/平板电脑上保持定位(响应式)
、
、
、
我在3个框(Flexboxes)上有一个
CSS
动画,这些框使用变换从屏幕外过渡到适当
的
位置,但是每当我调整窗口大小时,这些框就会彼此分开,并远离预期
的
位置(它们应该是重叠
的
)。或者,如果这是不可能
的
,我如何删除转换,使它们返回到停留在一行
内
,但扩展整个屏幕
的
宽度?: translate(
100vh
,
100vh
); 100% { transform: translate(-
100vh
, 10%);
浏览 6
提问于2019-03-13
得票数 0
回答已采纳
2
回答
在向下滚动时,滚动
100vh
到底部
、
我想在上达到同样
的
效果
HTML
:<
html
> <title> Log In </title> <link href="main.
css
" rel="stylesheet"
浏览 3
提问于2017-04-24
得票数 7
回答已采纳
1
回答
应用于:
css
元素未应用于整个
div
之前
的
背景。
、
应用于
div
的
背景使用: entire伪元素不适用于整个
div
。这是
html
&
css
代码。
HTML
<
div
class="container"> ...</section>#pages {
浏览 2
提问于2019-09-24
得票数 1
回答已采纳
6
回答
如何使长
的
文本
适合
于一个小
的
div
?
、
我有一个指定宽度
的
div
,但里面的文本并没有被分解并相应地安装到
div
中。.limit{}<
div
class="limit">
浏览 2
提问于2013-12-13
得票数 29
回答已采纳
7
回答
设置角元件
的
全高度
、
我无法使我
的
名单达到完全高度。我
的
代码使用嵌套组件更复杂。但是我仍然可以用这段代码来复制它。这是一张扑克牌。styles.
css
min-height: 100%; margin: 0;app.component.
css
height: 100%;color: white;.row { display: fle
浏览 3
提问于2017-04-18
得票数 17
回答已采纳
1
回答
是什么导致了这里
的
两个滚动条?
DOCTYPE
html
><head> height:
100vh
;}> </
html
>这段代码将给出左边
的
两个滚动条。DOCTYPE
html
> <
html
&g
浏览 2
提问于2014-12-28
得票数 2
3
回答
将SVG ViewBox设置为宽度和高度
、
、
、
我真的不能理解viewBox是如何工作
的
,我读了很多关于它
的
文章,但我想知道如何确保它
适合
这个例子
的
外部容器: <
div
class="container"><rect x="0.5" y="0.5" width="1200" height="800" fill="#1
浏览 56
提问于2020-09-02
得票数 0
2
回答
获取
div
的
高度为屏幕高度,但随内容扩展。
、
我在容器
div
中有一个位置绝对(必需)
的
div
,位置绝对(必需),并且我希望子
div
是设备屏幕
的
宽度,但随着其内容
的
扩展而扩展。在你把这个标记为重复之前,请注意,我看过像和这样
的
问题,还有更多
的
问题。我
的
css
(sass): position: absolute width: 100% position: absoluteove
浏览 1
提问于2015-03-30
得票数 2
回答已采纳
1
回答
css
全图像背景问题
我
的
网页有4张背景图片,每一张都需要一个全屏。在每个背景上,我都有一些标签和文字。这里是
CSS
代码,我将在代码部分之后讨论这个问题。
html
{} font-family:'Roboto', sans-serif; -webkit-font-smoothing每个背景图像永远不会达到全屏,但是当我将浏览器窗口调整到更小
的
高度时,我将不会在两个连续
的
背景图像上获得我
的
浏览 3
提问于2016-08-29
得票数 0
回答已采纳
2
回答
如何通过滚动使元素占据全屏高度?
、
我在我
的
网站上使用引导带,我想让类jumbotron
的
元素占据完整
的
用户窗口。然后,用户可以滚动到网站
的
其余部分。目前,我与以下方面开展了合作:jumbotron { height:
100vh
;}<
div
class="row">&
浏览 11
提问于2016-11-04
得票数 0
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
HTML中div和span有3大区别,你了解几个!
HTML中常用的布局元素及布局方式1
《精通DIV+CSS网页样式与布局》
是时候扯一扯div+css了
Web前端开发学习路线图
热门
标签
更多标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM
活动推荐
运营活动
广告
关闭
领券