代码之家 › 专栏 › 技术社区 › Curnelious

Div高度不会增长以适应不同的移动屏幕高度

css html

Curnelious · 技术社区 · 7 年前

我有一个手机网站。该页面分为多个部分,每个部分 section 获取整个可见页面的高度和宽度((身高的93%)

编辑完一个部分后,向下滚动到下一个部分,该部分将再次全屏显示。

div .

.section{
  background-color: lightblue;
  background-repeat: no-repeat;
  background-size: cover;
  width:100vw;
  height: 93vh;
  padding-top: 1px;

}

部分 height 相同的 ,因此,当窗口足够宽时,节内的内容将从节溢出到下一节,而不会增加高度。

我想这是因为我的电脑屏幕的高度保持不变(?) 我怎样才能查到a 部分

3 回复 | 直到 7 年前

Sarabjit Singh 7 年前

    .section{
  background-color: lightblue;
  background-repeat: no-repeat;
  background-size: cover;
  width:100vw;height:auto;
  min-height: 93vh;
  padding-top: 1px;

}

JoHolli 7 年前

只需为桌面设计页面并添加voewport元标记。

<meta name="viewport" content="width=device-width, initial-scale=1.0">

这将自动调整页面宽度以适应移动设备的屏幕宽度。

Robin 7 年前

从DevTools中选择Toggle device toolbar,然后您可以选择不同类型的手机,也可以使用Responsive。

推荐文章

Jamie · 在CSS链接的文件名中添加Jinja占位符

1 年前

Mass · 如何在Tailwind CSS v4中创建配置

1 年前

magenta placenta · 将css变量合并为一个变量

1 年前

ptownbro · 重叠分区标签,同时保持以下所有分区和内容就位

1 年前

Luke Frost IEng MIMechE · Bootstrap 5.3在Div中的项目位置没有如我所期望的那样显示

1 年前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

1 年前

john Rizzo · 按钮背景颜色、悬停和活动状态存在问题

1 年前

Ben Halicki · 带有垂直和水平滚动条的表,使用HTML/CSS/Bootstrap-5固定行和列

1 年前

Luckkks · 过渡色工作不正常

1 年前

ModernEraCaveman · 如何对齐我的Bootstrap容器以适应网页的整个宽度?

1 年前