问题遇到的现象和发生背景
我做了个静态页面，需要用到自适应布局
问题相关代码，请勿粘贴截图
当我适配别的端的时候页面下部会出现空白部分
运行结果及报错内容
我的解答思路和尝试过的方法
是因为内部元素没撑起来的原因吗？
我想要达到的结果
想要做到等比例适配
4条回答 默认 最新
关注html body 以及你需要自适应盒子的高度都为100%
本回答被题主选为最佳回答 , 对您是否有帮助呢?评论 打赏解决 1无用举报
分享
- 2020-11-22 11:58过程中遇到了不少问题。其中一个就是datagrid不能很好的布局。想了好多办法都有局限。最后想到会不会是布局的问题，经过实践，最后问题解决。 1：比如在项目中用到了datagrid。如果界面比较简单－－－只有一个...
- 2024-08-21 15:17ringlot的博客 试过很多种方法，有一种是 外层用flex布局，然后justant-items:space-bettwen ，list 元素多加几个空的占位使其 2端对其时不会间隔很大 保持不同行之前的对齐，虽然可以，但是不同屏大小元素之间的间隔是不固定的 ...
- 2022-08-13 22:13Eric加油学！的博客 解决前端页面屏幕大小自适应的问题
- 2020-08-12 09:32会飞的羊2019的博客 自适应是每个开发者必走的路，该篇掘文是前者踩过一些坑 而踏出来的几条路，希望这些经验能在开发的过程中帮助到大家！！！ 1.传统布局 => rem 方式一 const deviceWidth = document.documentElement.clientWidth...
- 2021-06-17 06:30非典型工科生的博客 效果工作中遇到的自适应表格，实现过程并不顺畅，花费了一些功夫。将其中不熟悉的技术点总结如下，期待下次可以行云流水的做出来。自适应表格如何实现文本溢出点点的效果自适应的表格，由于单元格的流动性，文字不...
- 2018-02-05 16:55李小斌96的博客 最近为了能够做出自适应的页面找了很多资料，大致较为有用的两类 1.根据屏幕大小不同引入不同的css样式文件 "css/css-pc.css" rel=...2.使用rem单位实现自适应布局 转载自：http://caibaojian.com/web-app
- 2020-10-16 00:02然而，在实际操作中，可能会遇到Layui表格无法自动调整高度的问题，导致内容被遮挡或者布局不协调。本文将详细介绍如何解决这一问题。 首先，我们需要了解Layui表格的基本结构和样式。Layui表格由多个`.layui-table...
- 2021-11-16 13:28- **自适应布局**：通过创建多个静态布局，并利用CSS的`@media`媒体查询技术根据设备的屏幕宽度切换不同的布局，解决了部分兼容性问题。 - **响应式布局**：综合了流式布局与弹性布局的特点，再加上媒体查询的支持，...
- 2021-06-29 11:47亦何妨的博客 【笔记】前端开发，响应式与自适应布局总结 1、不同平台 使用uniapp做跨平台兼容，通常移动端的布局效果是统一的（无论是小程序还是H5移动端），但是h5的pc端一般会有新的布局需求，那么可以把页面的版块包装成一个...
- 2020-12-25 17:50小和尚敲木头的博客 rem是如何实现自适应布局的？ 摘要：rem是相对于根元素<html>，这样就意味着，我们只需要在根元素确定一个px字号，则可以来算出元素的宽高。本文讲的是如何使用rem实现自适应。 rem这是个低调的css单位，近一...
- 没有解决我的问题, 去提问
问题事件
系统已结题
7月20日
已采纳回答
7月12日-
创建了问题
7月11日