1.设置成绝对定位2.高度是height:100vh3.宽度是width:100vw注意注意注意【vh和vw不要搞错了】!!!
原创 2023-06-05 13:51:51
352阅读
方法一通过JQuery,获取窗体的高度,设置给对应的div。代码如下:ht = $(document.body).height(); $("#mDiv").height(ht - 170);缺点:由于浏览器是先解析css,后执行JS,导致页面在加载时,mDiv先呈现其原始高度,再变为其全屏效果,div在页面中有一个闪烁。 方法二通过css的calc()函数实现,其中,1vh = one
转载 2023-06-08 11:02:40
1325阅读
前端导出 excel 的需求很多,但市面上好用的库并不多,讲明白复杂使用场景的文章更少。本文将以文字 + demo 源码的形式,力求讲清楚满足 99% 使用场景的终极 excel 导出方案。如果项目中用到了 AntD,那就更简单了,因为 Table 本身已经设置好了 column 和 dataSource,只需解析 column 和 dataSource 即可快速导出 Excel。实现功能:简单表
转载 10月前
474阅读
在某些特定的场景中,如视频播放、可视化图表占位等一些高宽需要固定的比例。如果占位区间是由固定值确定,那么我们皆大欢喜,但在目前的的应用发展中宽高自适应的方式才能满足我们的需求,那么我们该如何这种自适应的 宽高比布局 呢?什么是宽高比?宽高比也称纵横比,元素的纵横比描述了其宽度和高度之间的比例关系。两种常见的视频宽高比为4:3和16:9。要保持div的宽高比,通过为 padding-top / pa
height: 100vh; width: 100vw;
原创 2023-02-22 11:01:30
833阅读
最近写安卓用ConstraintLayout时出现了很多问题,让我很头疼,弄了半天才解决了,经过研究大概弄懂了一点。下面的代码显示后是一个正常显示的界面,如图,当然ListView的渲染代码还要自己写。标准写法宽度也应该是0dp,不过这里这么写也没什么问题。<?xml version="1.0" encoding="utf-8"?> <android.support.constr
转载 10月前
194阅读
expression(document.body.offsetWidth + "px"); expression(document.body.offsetHeight + "px");
css
转载 2021-08-18 00:51:07
2589阅读
# 使用 CSS 和 jQuery 让轮播图片铺满屏幕 在网页开发中,常常会遇到需要制作轮播图,并且让轮播图片铺满整个屏幕的需求。通过结合使用CSS和jQuery,我们可以实现这一效果。 ## 步骤 ### 1. HTML结构 首先,我们需要在HTML中创建轮播图的结构。一个基本的轮播图结构通常包含一个包裹所有轮播项的容器和多个轮播项。以下是一个简单的HTML结构示例: ```html
原创 2024-03-02 03:31:26
481阅读
  宽度自适应的应用     1.属性:width     2.属性值:px/%     3.宽度自适应的特点         - HTML,BODY表示浏览器,默认是块级元素,宽度是100%         - 当块级元素不设置宽度或者设
android:scaleType="fitXY"
原创 2015-12-10 11:24:06
1163阅读
win7系统有很多人都喜欢使用,我们操作的过程中常常会碰到win7系统电脑屏幕显示不满屏的问题。如果遇到win7系统电脑屏幕显示不满屏的问题该怎么办呢?很多电脑水平薄弱的网友不知道win7系统电脑屏幕显示不满屏究竟该怎么解决?其实不难根据下面的操作步骤就可以解决问题1: 在桌面右击选择“屏幕分辨率”,可通过设置屏幕分辨率解决,14”“最佳分辨率一般为1366*768,19“最佳分辨率一般
html, body { height: 100%; } 或 .element { height: 100vh; } ...
转载 2021-10-20 22:44:00
1297阅读
2评论
前言 在设计左侧固定,右侧自适应布局页面的时候,左侧的浮动(float)元素一般会给个背景色,希望根据屏幕高度铺满整个屏高。 展示效果 如下图,左侧黑色背景只显示一半,希望实现效果能一直到屏幕底部,并且希望能消除左右两边的白色边距 html代码 <div class="container1"> <d
原创 2021-09-24 12:52:44
217阅读
一、css宽高自适应: 1.宽度自适应: 元素宽度设为100%(块状元素的默认宽度为100%) 注:应用在通栏效果中 2.高度自适应: height:auto;或者不设置高度 3.最小,最大高度,最小,最大宽度: a)最小高度 min-height:value; IE6不识别min-height属性,解决方案如下:&n
android:fillViewport=trueScrollView下面的组件如果有android:layout_height="fill_parent"或android:layout_height="wrap_content"那么必须将ScrollView的android:fillViewpor...
转载 2014-05-13 16:14:00
227阅读
2评论
# 如何实现Android Dialog不充满屏幕 在Android开发中,与用户交互通常需要使用Dialog。创建一个Dialog后,你可能会发现在默认情况下它会充满整个屏幕。本文将指导你如何实现Dialog不充满屏幕的效果。 ## 实现流程 首先,我们可以总结整个实现过程的步骤如下: | 步骤 | 描述 | 代码 |
原创 10月前
74阅读
满屏幕爱心~
原创 2022-10-24 10:48:29
106阅读
  故事开始 午饭时间,暗恋已久的学妹拉着我的衣袖:“学长学长,你能不能让这些爱心变成五颜六色的吗~”。我在旁边笑开了花~~~ 诶呀,口水流出来了。嗯,只是我脑补的画面,哈哈。我想最终效果是这样的(猜猜多少个爱心): 然后开始动手吧~   学啥本领 本文将带大家学习两个好东西:1.生成随机色的方法;2.Element.animate() 方法。当然,还有撩妹技巧了~   代码走起   1. 画个小
CSS
转载 2021-06-11 00:00:38
148阅读
# Android ScrollView充满屏幕 ## 简介 ScrollView是一个可以滚动显示内容的视图容器,可以在其中添加多个子视图。它通常用于当屏幕空间不足以显示所有内容时,提供滚动功能来查看全部内容。但是,ScrollView默认只会占用所需的空间,不会充满整个屏幕。本文将介绍如何使ScrollView充满整个屏幕。 ## 使用LinearLayout实现充满屏幕的ScrollV
原创 2023-10-28 12:40:20
115阅读
## 实现Android VideoView铺满屏幕的步骤 Android中的VideoView是一个用于播放视频的控件,但默认情况下它的宽高是根据视频的尺寸来确定的,所以在某些情况下可能无法铺满整个屏幕。为了实现VideoView铺满屏幕,我们可以采取以下步骤: ### 步骤一:创建布局文件 首先,你需要在res/layout目录下创建一个新的布局文件,例如activity_main.xml
原创 2024-01-03 06:01:08
1179阅读
  • 1
  • 2
  • 3
  • 4
  • 5