开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

IE中所有屏幕大小的底部0

是指在Internet Explorer浏览器中，无论屏幕大小如何，页面内容都会显示在屏幕的顶部，而底部会留下一定的空白区域。

这种现象主要是由于IE浏览器在处理CSS布局时存在一些特殊的问题，导致页面内容无法自动填充整个屏幕高度。这可能会对页面的美观性和用户体验产生一定的影响。

为了解决这个问题，可以采取以下几种方法：

使用CSS布局技术：可以通过设置页面元素的高度、使用flexbox布局或grid布局等方式，使页面内容自动填充整个屏幕高度，从而消除底部的空白区域。
使用JavaScript：可以通过编写JavaScript代码来动态调整页面元素的高度，使其自适应屏幕大小。例如，可以使用window.innerHeight属性获取屏幕高度，并将其赋值给页面元素的高度属性。
使用CSS Hack：针对IE浏览器的特殊问题，可以使用一些CSS Hack技巧来解决。例如，可以使用IE条件注释或特定的CSS选择器来针对IE浏览器设置特定的样式，以达到修复底部空白的效果。

需要注意的是，由于IE浏览器的兼容性问题和已经停止维护的状态，建议尽量避免使用IE浏览器作为主要的测试和开发环境。推荐使用现代化的浏览器，如Chrome、Firefox、Safari等，以获得更好的用户体验和开发效率。

腾讯云相关产品和产品介绍链接地址：

腾讯云官网：https://cloud.tencent.com/
云服务器（CVM）：https://cloud.tencent.com/product/cvm
云数据库MySQL版：https://cloud.tencent.com/product/cdb_mysql
云存储（COS）：https://cloud.tencent.com/product/cos
人工智能（AI）：https://cloud.tencent.com/product/ai
物联网（IoT）：https://cloud.tencent.com/product/iot
移动开发（移动推送、移动分析）：https://cloud.tencent.com/product/mps
区块链（BCS）：https://cloud.tencent.com/product/bcs
元宇宙（Metaverse）：https://cloud.tencent.com/product/metaverse

相关搜索:所有屏幕的底部导航栏都处于颤动状态自动调整所有屏幕的弹出框大小如何获取直到选项卡栏底部的屏幕大小如何在Flutter中不在所有屏幕上添加底部导航？修复android中Activity中屏幕底部的视图如何在Xamarin中创建适合所有屏幕大小的闪屏如何避免在调整窗口大小时出现在屏幕底部的空格？如何使所有大小的窗口的空间都相同？DolphinDB中的大小(SharedPartitionedTable)=0 快速设置屏幕上所有窗口的大小和位置 IE9中的SVG调整大小调整元素大小以适应spritekit中的屏幕大小如何在所有屏幕尺寸上调整视图的大小？将线性布局中的按钮与屏幕底部对齐如何在物料界面中对齐屏幕底部的项目如何在react native中对齐屏幕底部的按钮？我的HTML + CSS站点在屏幕的右侧和底部显示空白，而底部和右侧的页边距均为0 如何将数据帧中的所有0 (0%)替换为0 如何在所有不同大小的屏幕上保持相同的背景图像比例/大小？Flutter应用程序中屏幕底部的背景图像将行中不同大小的文本与底部对齐

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

电脑软件：SmartSystemMenu(窗口置顶工具)介绍

SmartSystemMenu 是一款简单实用的 Windows 窗口增强工具，它可以为窗口的标题栏右键菜单新增 17 个新功能。

04

【iVX 初级工程师培训教程 10篇文拿证】01 了解 iVX 完成新年贺卡

【iVX 初级工程师培训教程 10篇文拿证】01 了解 iVX 完成新年贺卡【iVX 初级工程师培训教程 10篇文拿证】02 数值绑定及自适应网站制作【iVX 初级工程师培训教程 10篇文拿证】03 事件及猜数字小游戏【iVX 初级工程师培训教程 10篇文拿证】04 画布及我和 iVX 合照【iVX 初级工程师培训教程 10篇文拿证】05 画布及飞机大战游戏制作【iVX 初级工程师培训教程 10篇文拿证】06 数据库及服务【iVX 初级工程师培训教程 10篇文拿证】07 08 新闻页制作【iVX 初级工程师培训教程 10篇文拿证】09 聊天室制作

02

HarmonyOS学习路之开发篇—Java UI框架(六大布局开发)

Android的布局开发中存在五大布局，在鸿蒙布局开发中也存在与之相似的五种布局类型，唯一多余的一个类型叫做自适应盒子布局，布局可以在不同设备上有不同的展示方式。熟悉Android开发的小伙伴可以参照Android的布局开发来学习。

01

详解Android中获取软键盘状态和软键盘高度

在Android应用中有时会需要获取软键盘的状态（即软键盘是显示还是隐藏）和软键盘的高度。这里列举了一些可能的应用场景。

02

移动端避免使用100vh

CSS中的视口单位听起来很棒。如果要设置元素的样式以占据整个屏幕的高度，则可以设置height: 100vh，您拥有一个完美的全屏元素，该元素会随着视口的变化而调整大小！可悲的是，事实并非如此。100vh在移动浏览器中以微妙但基本的方式被破坏，这使其几乎无用。最好避免100vh ，而是依靠javascript设置高度以获得完整的视口体验。

02

移动端避免使用100vh[通俗易懂]

CSS中的视口单位听起来很棒。如果要设置元素的样式以占据整个屏幕的高度，则可以设置height: 100vh，您拥有一个完美的全屏元素，该元素会随着视口的变化而调整大小！可悲的是，事实并非如此。100vh在移动浏览器中以微妙但基本的方式被破坏，这使其几乎无用。最好避免100vh ，而是依靠javascript设置高度以获得完整的视口体验。

02

H5游戏开发指南

在上月底，一则有关HTML5游戏的的消息震惊业界，蝴蝶互动宣布旗下的《传奇世界》月流水破1500万，成为业内首款千万级别爆款游戏，这无疑给H5游戏行业注入了一针强心剂。从H5诞生以来，对于H5游戏一直唱衰不断，而这又一次把H5游戏推向风口浪尖。区别于寻常的Flash页游，此游戏采用了H5的Canvas技术，能在PC端和移动端跨平台运行。一直以来，游戏开发都是把前沿技术运用到极致的媒介，H5游戏也不例外，这篇文章会从带你从浅入手，深入H5游戏开发的世界。 1、准备条件 1.1、设计师应该注意的地方移动端最

为任意屏幕尺寸构建 Android 界面

在过去的 12 个月内，有约 1 亿台新平板设备被激活，Chrome OS 的激活量增长了 92%，是增长速度最快的桌面平台。这意味着在平板电脑、可折叠设备和 Chrome OS 设备上，有超过 2.5 亿台大屏幕设备运行着 Android 系统，而关于可折叠设备的使用数量也在不断增长，同比增长超过 250%，因此，"大屏" 正在成为 Android 设备中一个重要且增长势头最快的细分市场。这也让设备制造厂商们意识到，针对大屏做优化是让设备在高端手机细分市场中脱颖而出的机会。

02

FAQ | 为大屏幕设备构建应用的常见问题解答

我们在后台和社区等各渠道收到了很多来自开发者们的反馈，也把一些开发者们常见的问题进行了简单的收集和梳理，整理成这一篇关于为折叠屏和大屏幕设备构建应用的常见问题和解答，如果您在构建过程中有任何其他的问题，欢迎通过留言的方式让我们知道。

01

在 Linux 上使用 Multitail

当你想同时查看多个文件（尤其是日志文件）的活动时，multitail 命令会非常有用。它的工作方式类似于多窗口形式的 tail -f 命令。也就是说，它显示这些文件的底部和添加的新行。虽然通常使用简单，但是 multitail 提供了一些命令行和交互式选项，在开始使用它之前，你应该了解它们。

02

看国外女神级程序员，直播写代码一年的感悟

我第一次直播写代码是在去年七月份。我想要直播一下我在业余时间内为开源项目领域所做的工作，尽管在youtube上的大部分直播都是关于游戏的。我比较擅长于NodeJS的硬件库方面的工作（尽管大部分项目都是自己的）。并且我在youtube上曾经开启过一个房间了，那为什么我不继续做下去？我的栏目可以叫做：基于JavaScript的硬件开发。

01

CSS布局(二)

添加 padding-bottom后，如上图所示，此时的父元素的高度就是高度最大的子元素的高度，即上面第一个子元素的高度

03

在 Linux 上使用 Multitail命令的教程

他和tail的区别就是他会在控制台中打开多个窗口，这样使同时监控多个日志文档成为可能。

01

vivo悟空活动中台-基于行为预设的动态布局方案

作为前端工程师，页面布局是基本功。面对悟空中台的海量的活动需求，仅仅有几招常规的布局套路显然是难以招架的，悟空开发者团队从个性化需求中提炼特定场景下的共性特点，设计了多个“创意布局”方案。

01

UX 设计之——商品详情页

现如今，30%的在线购物行为发生在手机端上。对于在线购物一事，所有用户都期望能够得到快速、流畅的体验。因此，在购物过程的每一个阶段，即使付之最小的努力都有可能利于用户的整个体验过程（我们也应该以利于用户为目标）。在一个应用程序中，没有任何其他地方能够像产品详情页一样对提升购买率如此关键，因为用户在购买之前往往需要充足的商品信息来了解商品。在这片文章中，我将谈论商品详情页的设计并重点强调该页面的几个重要元素——商品图片、商品描述和“加入购物车”按钮。什么是商品详情页面？商品详情页是用户用来做决定的地方

06

Android中控制和禁止ScrollView自动滑动到底部的方法

因为Android很多函数都是基于消息队列来同步，所以需要一部操作，addView完之后，不等于马上就会显示，而是在队列中等待处理，虽然很快，但是如果立即调用fullScroll， view可能还没有显示出来，所以会失败

02

Magnet for mac(窗口辅助管理工具)

magnet mac版是一款运行在苹果电脑上的一款优秀的窗口大小控制工具，拖拽窗口到屏幕边缘可以自动半屏，全屏或者四分之一屏幕，还可以设定快捷键完成分屏。这款专业的窗口管理工具当您每次将内容从一个应用移动到另一应用时，当您需要并排比较数据时，或是以其他方式进行多任务处理时，它都可以帮您妥善解决！

01

Magnet for mac(窗口辅助管理工具)v2.10.0中文免激活版

Magnet for mac是一款运行在苹果电脑上的一款优秀的窗口大小控制工具，拖拽窗口到屏幕边缘可以自动半屏，全屏或者四分之一屏幕，还可以设定快捷键完成分屏。这款专业的窗口管理工具当您每次将内容从一个应用移动到另一应用时，当您需要并排比较数据时，或是以其他方式进行多任务处理时，它都可以帮您妥善解决！

02

在移动端避免使用100vh「建议收藏」

CSS中的Viewport单元听起来很棒。如果你想将一个元素设置成全屏高度，你可以设置高度:100vh，这样你就有了一个完美的全屏元素，它会随着视口的改变而改变大小!遗憾的是，事实并非如此。100vh在不同的浏览器的实现方式上也有一点微妙的变化，这使得它几乎毫无用处。最好避免100vh，而是依赖javascript来设置高度，以获得完整的视口体验。

02

Element 中根据屏幕大小动态计算表格高度以实现固定表头

在Element UI的表格组件中，要想固定表头，必须给表格指定一个高度，但是用户的屏幕大小是不一样的，为了能将表格底部的分页区域始终显示在屏幕内，就需要动态计算表格的高度。

02

IOS开发之绝对布局和相对布局(屏幕适配)

之前如果做过Web前端页面的小伙伴们，看到绝对定位和相对定位并不陌生，并且使用起来也挺方便。在IOS的UI设计中也有绝对定位和相对定位，和我们的web前端的绝对定位和相对定位有所不同但又有相似之处。下面会结合两个小demo来学习一下我们IOS开发中UI的绝对定位和相对定位。在前面的博客中所用到的UI事例用的全是绝对定位，用我们Storyboard拖拽出来的控件全是绝对定位的，就是我们可以同改变组件的frame来改变组件的位置和大小。而相对定位则不同，相对定位是参考组件周围的元素来确定组件的大小或位置，相对定

06

详解LayaAir引擎游戏屏幕适配，及有效抗锯齿

有的时候看到一些3D游戏锯齿感特别明显，与一些开发者沟通后发现，其实很多人并不清楚怎么能去掉明显的锯齿感，而这并不是只有新开发者才遇到的问题，很多游戏研发经验丰富的开发者，甚至是使用LayaAir引擎开发了很多游戏的开发者也会不清楚。另外，最近也遇到有开发者想了解刘海屏如何适配，所以通过本篇文章全面介绍一下。

iOS开发-屏幕适配三种技术（Autoresizing，AutoLayout，SizeClass）

1.系统适配：针对不同版本的操作系统进行适配 2.屏幕适配：针对不同大小的屏幕尺寸进行适配

01

安卓开发之布局

一、LinearLayout（线性布局） android:orientation=”horizontal”（从左到右） android:orientation=”vertical”(从上到下) 二、TableLayout（表格布局） android:stretchColumns=”1″ 设置第2列作为拉伸列(注意0表第一列) TableLayout添加一个TableRow就可以增加一行，在tablerow中添加组件就占用一列如果直接在tableLayout中添加组件那么他独自占用一行设置拉伸stret

07

【UI 设计 - Adobe Illustrator】基本设置 (图像显示 | 图像缩放 | 置入导出 | 标尺 | 网格 | 参考线 | 画板)

转载请注明出处 : http://blog.csdn.net/shulianghan/article/details/50232767

03

google 分屏 popup无法显示故障分析

问题描述 [Message][Input method]Display is wrong when message at split mode. 分屏模式下短信界面显示不正确操作步骤 1.打开message然后退出 2.打开一个app如Call,然后长按recent键进入分屏模式 3.让message在分屏模式中处于底部，然后在message中编辑一些字符 4.长按这些字符串，不能显示出"CUT COPY SHARE"这3项 --KO 环境描述 android7.0.1 屏幕分辨率 7

09

SAP最佳业务实践:ETO–项目装配(240)-10首付款开票结算

image.png VF01首付款开票该活动的目的是为首付款出具发票。角色销售开票员后勤 ® 销售和分销 ® 出具发票 ® 开票凭证 ® 创建 1. 在创建开票凭证屏幕的凭证字段中，输入4.1中创建的销售订单编号并选择回车。 2. 在下面的屏幕上，选择保存。 3. 系统显示消息凭证 xxxxxxx 已保存。记录此凭证编号： _____________。您已经对首付款开票。 VF03显示首付款开票在此步骤中，显示刚创建的首付款开票。角色销售开票员后勤 ®销售和分销 ®出具发票 ®开票凭证

06

[ISUX译]iOS 9人机界面指南(三)：iOS 技术 (中) - 腾讯ISUX

文章索引 3.9 通知(Notifications) 3.10 社交媒体(Social Media) 3.11 iCloud 3.12 HealthKit 3.13 应用内购买服务(In-App Purchase) 3.14 游戏中心(Game Center) 3.15 iAd富媒体广告(iAd Rich Media Ads) 3.16 无线打印 (AirPrint) 3.17 访问用户数据(Accessing User Data) 3.18 快速查看(Quick Look) 译者注：本文译自苹果官方人机

05

Android监听键盘状态获取键盘高度的实现方法

Android暂时还没有提供一个合适的API来获取/监听键盘的状态和高度 , 而我们又经常会有这个需求.

01

有效解决3D游戏边缘锯齿现象及全面理解LayaAir引擎游戏屏幕适配！

有的时候看到一些3D游戏锯齿感特别明显，与一些开发者沟通后发现，其实很多人并不清楚怎么能去掉明显的锯齿感，而这并不是只有新开发者才遇到的问题，很多游戏研发经验丰富的开发者，甚至是使用LayaAir引擎开发了很多游戏的开发者也会不清楚。另外，最近也遇到有开发者想了解刘海屏如何适配，所以通过本篇文章全面介绍一下。

01

自定义View Layout过程 - 最易懂的自定义View原理系列（3）

a. 步骤2 类似于单一View的layout过程 b. 自上而下、一层层地传递下去，直到完成整个View树的layout（）过程

03

IDEA同款数据库管理工具，提示太全了，用起来贼香！

本文主要讲述了在DataGrip中管理MySQL和MongoDB的常用操作及使用技巧，用过Jetbrains公司其他产品的朋友应该很容易就可以上手了！

03

iOS屏幕适配概述1 屏幕适配简介2 Autoresizing3 Auto Layout

[toc] 1 屏幕适配简介 1.1 屏幕发展历史手机型号 |屏幕大小 | 分辨率 ------------ | ------------- 4, 4S |3.5 | 320480 5,5C,5S | 4 | 320568 6,6S , 7 | 4.7 | 375667 6Plus, 6S Plus, 7 Plus | 5.5 | 414736 iPAD | 9.7 | 7681024 iPAD Pro | 12.9 | 10241366 1.2 适配技术发展史 iOS版本 | 适配技术

03

Carson带你学Android：深入分析自定义View Layout过程

从ViewGroup至子View、自上而下遍历进行（即树形递归），通过计算整个ViewGroup中各个View的属性，从而最终确定整个ViewGroup的属性。即：

01

如何使用tmux终端多路复用器

TMUX是终端多路复用器。类似GNU Screen，但来自于OpenBSD，采用BSD授权。使用它最直观的好处就是，通过一个终端登录远程主机并运行tmux后，在其中可以开启多个控制台而无需再“浪费”多余的终端来连接这台远程主机；是BSD实现的Screen替代品，相对于Screen，它更加先进：支持屏幕切分，而且具备丰富的命令行参数，使其可以灵活、动态的进行各种布局和操作。使用它在您的的腾讯云CVM服务器上创建一个主机服务器，并通过客户端窗口连接到它。如果客户端断开连接，则服务器将继续运行。重新启动计算机或丢失网络连接后重新连接到的腾讯云CVM服务器时，可以重新连接到TMUX会话，并且您正在使用的文件仍将处于打开状态，并且您运行的进程仍将处于活动状态。没有服务器的同学可以在这里购买，不过我个人更推荐您使用免费的腾讯云开发者实验室进行试验，学会安装后再购买服务器。

03

Flutter原理：三棵重要的树(渲染过程、布局约束、应用视图的构建等)

这篇文章从 Flutter 框架层的三棵树入手向大家层层剖析了 Flutter 中渲染组件的流程，从原理到实战，希望对想要提升 Flutter 的读者们有帮助。

04

IOS学习——iphone X的适配

说实话，对于一个刚入门iOS两个月的新手而言，在拿到这个任务的时候整个人都是懵逼的，怎么做适配？哪些地方需要适配？该怎么做？一个个问题搞得头都大了。　　首先，啥都不管，先在iPhone X上运行起来看看效果在说，运行之后出现的问题主要有如下几个：屏幕尺寸还是6S上的尺寸大小，用打印log确实如此 [[UIScreen mainScreen] bounds] 自定义的导航栏的返回按钮右移明显 UISearchBar的高度有变化，而且点击之后背景颜色和原先不一致 UITableview的header

06

Flutte部件目录-基本部件（三）顶

要显示snackbar或持久底部表，请通过Scaffold.of获取当前BuildContext的ScaffoldState，然后使用ScaffoldState.showSnackBar和ScaffoldState.showBottomSheet函数。

01

Material Design — Navigation drawerStandard drawer Modal drawer Bottom drawer

自上次参加完回音分享会后，我下定决心要洗心革面乖乖打基础，于是开启了这个part，争取两个月不间断更新，写完Material Design与iOS中的组件（顺便学学英语），以便今后在使用的时候完全不虚

04

软件分享 | 第三十九期录屏截图一体操作简单画质优(windows)

FastStone Capture 是一款强大的、方便的、直观的屏幕捕捉工具。它允许你捕捉屏幕上的任何内容，包括: 活动窗口、对象、整个屏幕、矩形区域、手绘区域以及滚动的窗口/网页。另外该程序还包含了一些创新的功能，例如: 浮动捕捉面板、快捷键捕捉、调整大小、裁剪、文本注释、打印、通过 E-Mail 发送、屏幕放大镜，屏幕直尺，屏幕取色器，屏幕录制器等。

02

图像的表示（3）：眼前的画面如何变成了图像数据？丨音视频基础

在前面的文章中，我们提出了一个问题：从我们眼睛看见的『画面』，到我们用手机、电脑所处理的『图像数据』，其中经历了什么？从这个问题出发，我们在《图像的表示（1）》和《图像的表示（2）》两篇文章中接连探讨了『图像的定义是什么』、『图像成像的原理是什么』、『怎样对图像进行数学描述』这几个问题，接下来我们继续探讨剩下的两个问题：『怎样对图像进行数字化』和『数字图像数据是什么』。

04

控件anchor和dock属性_控件的常用属性

大家好，又见面了，我是你们的朋友全栈君。在设计窗体时，这两个属性特别有用，如果用户认为改变窗口的大小并不容易，应确保窗口看起来显示的不是那么乱，并编写很多代码来实现这个效果，许多程序解决这个问题都是禁止给窗口重新设置大小这显然是解决问题的最简单的方法，但不是最好的方法，因此引入了Anchor和Dock属性。

03

如何用 Python 打飞机？

前言：python 除了生孩子，啥都会。包括打飞机！今天小詹的一位读者就来教你如何用 python 打飞机！

06

React Native基础&入门教程：初步使用Flexbox布局

在上篇中，笔者分享了部分安装并调试React Native应用过程里的一点经验，如果还没有看过的同学请点击《React Native基础&入门教程：调试React Native应用的一小步》。在本篇里，让我们一起来了解一下，什么是Flexbox布局，以及如何使用。一、长度的单位在开始任何布局之前，让我们来首先需要知道，在写React Native组件样式时，长度的不带单位的，它表示“与设备像素密度无关的逻辑像素点”。这个怎么理解呢？我们知道，屏幕上一个发光的最小点，对应着一个pixel（像素）点。

05

避免在移动端页面中使用100vh

在CSS中，视口单位（Viewport units）听起来不错。如果要设置一个元素的样式使它占据整个屏幕的高度，那么你可以设置height: 100vh，这样你就拥有一个完美的全屏元素，该元素会随着视口的变化而调整大小！可惜的是，事实并非如此。100vh在移动浏览器中以一种微妙但基本的方式被破坏，使其几乎无用。最好避免使用100vh，而应该通过javascript设置高度的方式来获得完整的视口体验。

03

HTML 渲染那些事儿

最近一段时间刚好在公司内部涉及一些老旧项目的优化，所以对于 Web 网页性能方面沉淀了一些自己的看法。

03

一次解决你的图像尺寸和定位问题。

假如有一天，你老板给你一些帅气照片，他希望发布在公司自己网站上面，且希望能兼容其它端。但2个月后，他在手机上打开网站，看到他的帅气图像被压成一个小盒子，或者图像被不成比例地压扁，他略微生气跟你(前端)说，给你半天的时间，立马解决。如果解决不了，那在给你半天的时间。

03

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭