理想效果页面，网页全屏时显示的页面
缩小网页页面时展示的效果
请问如何在缩小网页页面时保证盒子整体布局不改变？可以隐藏部分盒子，可以增加横向滚动条，如下图效果
Web中网页大小的改变怎样不改变盒子的布局？
缩小网页页面时展示的效果
请问如何在缩小网页页面时保证盒子整体布局不改变？可以隐藏部分盒子，可以增加横向滚动条，如下图效果
- 写回答
- 好问题 0 提建议
- 关注问题
分享- 邀请回答
-
4条回答 默认 最新
关注首先，可以用flex进行布局，盒子的宽度用百分比表示；其次，给盒子一个最小宽度，并添加样式overflow:auto，使得达到盒子最小宽度时出现滚动条
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏举报 编辑记录 分享
- 2021-09-02 17:38回答 6 已采纳 用百分比，或者用elementUI <el-row :gutter="10"> <el-col :xs="8" :sm="6" :md="4" :lg="3" :xl="1"&g
- 2022-11-09 19:05回答 2 已采纳 html+css如何使网页缩放不影响网页变形可以运用这两个属性 @media 和 screen这个可以让你在不同的分辨率下显示不同的样式举例1234.abc{width:1200px;margin:
- 2022-01-09 13:38回答 4 已采纳 background-position: center;//背景位置：居中 background-size: cover;//背景大小，等比例缩放铺满不留白（会丢失图片） background-re
- 2024-09-06 16:03一条晒干的咸魚的博客 弹性盒子是一种一维布局方法，用于根据行或列排列元素。元素可以扩展以填补多余的空间，或者缩小以适应较小的空间，为容器中的子元素提供灵活的且一致的布局方式。
- 2017-04-06 08:26回答 7 已采纳 在html顶部加 ``` ``` 字体会随页面的变化而变化
- 2021-03-04 14:23回答 4 已采纳 https://www.runoob.com/w3cnote/a-beginners-guide-to-web-development.html
- 2021-12-05 14:27回答 1 已采纳 盒模型分为标准盒模型和怪异盒模型，一般主流浏览器，例如谷歌啥的默认都是标准盒模型，ie旧版本是怪异盒模型两者区别在于：标准盒模型： 实际宽高 = 内容宽高（也就是你设置的width,height
- 2020-08-29 03:43Web 前端开发中常见的多列布局解决方案整理 在 Web 前端开发中，多列布局是非常常见的解决方案，今天我们将介绍三种常见的多列布局解决方案：两列定宽加一列自适应、多列不定宽加一列自适应、多列等分。 两列定宽...
- 2022-03-24 20:29回答 3 已采纳 要不然把你整个代码贴出来，给你改好得了
- 2022-01-22 00:32回答 2 已采纳 我觉得只是一部分人不喜欢做前端开发，原因我分析有两点，一是大学本身没有前端专业，学计算机的同学接触的都是后端语言，对前端开发本身了解不够；二是前端现在被网上流传的看似很简单，谁都可以做，所以就会被误认
- 2022-02-15 13:13回答 6 已采纳 你可以跟着别人的教学视频写写，没有基础也可以但是这样就容易导致一个问题，你只会模仿你看过的那些操作，所以想要能够按照自己的构思进行搭建的话，最好还是系统地学习一下相关知识，小程序的搭建与网站的搭建是对
- 2022-08-10 17:07本作业中，通过设置不同大小和样式的`div`元素，并利用CSS进行定位、样式设置等，实现了网页的布局。例如： - **盒子模型**：盒子模型是CSS的一个核心概念，它涉及到边距(margin)、边框(border)、填充(padding)以及...
- 2022-06-25 15:10随着信息技术的飞速发展，Web前端技术已成为互联网行业不可或缺的一环。对于计算机科学与技术专业的学生而言，毕业实习是将理论知识与实践技能结合的重要环节，更是迈向职业道路的关键一步。本文档详细记录了一名...
- 2023-02-16 11:043. **布局技术**：包括流体布局、响应式设计（媒体查询）、Flexbox（弹性盒子布局）和Grid（网格布局），这些都是现代网页设计中的重要概念。 4. **颜色、字体和文本样式**：学习如何设置颜色、字体大小、行高、...
- 2021-06-14 01:33课程简介CSS主要用于对网页中字体、颜色、背景、图像及其他各种元素的控制，使网页能够完全按照设计者的要求来显示。本季课程讲解了一些关于CSS的基础知识，通过学习这个季课程，你可以简单的知道CSS到底是什么，...
- 没有解决我的问题, 去提问
问题事件
系统已结题
11月29日
已采纳回答
11月21日-
修改了问题
11月19日
-
创建了问题
11月19日
悬赏问题
- ¥15 PADS Logic 原理图
- ¥15 PADS Logic 图标
- ¥15 电脑和power bi环境都是英文如何将日期层次结构转换成英文
- ¥20 气象站点数据求取中~
- ¥15 如何获取APP内弹出的网址链接
- ¥15 wifi 图标不见了 不知道怎么办 上不了网 变成小地球了
- ¥50 STM32单片机传感器读取错误
- ¥15 (关键词-阻抗匹配，HFSS，RFID标签天线)
- ¥15 机器人轨迹规划相关问题
- ¥15 word样式右侧翻页键消失