50行代码换5种肤色，包含透明先把代码奉上，自取自用。直接创建html文件，直接粘贴进去就能用，不能用随便骂。<
原创
2022-08-23 10:55:25
241阅读
参考： https://stackoverflow.com/questions/1719452/how-to-make-a-div-always-full-screen .fullscreen { position: fixed; top: 0; left: 0; bottom: 0; right:
转载
2020-09-15 10:05:00
2354阅读
2评论
<style>#toastLoaderFullScreen { height: 100%; position: absolute; top: 0; right: 0; bo
原创
2022-07-25 16:39:47
367阅读
min-height: calc(100vh - 225px); 待续。。。
原创
2022-01-11 11:44:37
831阅读
思路一: float【1】float + calc 通过calc()函数计算出.middle元素的高度，并设置子元素高度为100%<style>body,p{margin: 0;}body,html,.parent{height: 100%;}.middle{
overflow: hidden;
 
原创
2017-05-10 11:31:09
957阅读
多列布局
定宽+自适应
1）使用float+overflow
原理：通过将左边框脱离文本流，设置右边规定当内容溢出元素框时发生的事情以达到多列布局。
用法：先将左框设置为float:left、width、margin-left，再设置实际的右框overflow:hidden。
（2）代码实例
<div class="parent">
<div class="
转载
2021-08-14 09:49:17
531阅读
基于css样式的图片背景全屏拉伸填充body{/*css3支持全屏拉伸图片，支持IE9+,firefox,chrome*/background:url("images/bg.png");-moz-backgrou
原创
2023-03-01 11:39:38
1418阅读
使用 Fullscreen api 处理页面全屏HTML 页面的全屏显示使用 Element.requestFullscreen() 可以使元素进入全屏，该方法是异步方法，返回一个 Promise 对象整个页面全屏显示比如我们需要让整个网页全屏显示，只需要用 html 元素调用 requestFullscreen 方法即可。示例代码：<html>
<body>
转载
2023-07-14 14:27:11
135阅读
代码：body {
/* 加载背景图 */
background: url(resource/inv_bg.png);/* 背景图不平铺 */
background-repeat: no-repeat;/* 背景图垂直、水平均居中 */
background-position: center center;
/*这个应该是为了IE浏览器，没深究*/
filter: "pro
居中、满屏、自适应
转载
2023-01-05 20:45:27
163阅读
自适应屏幕大小不随着滚动条滚动.bg{ background: url("~@/assets/images/主背景.png"); position:fix
原创
2022-07-12 16:16:21
1080阅读
各部分功能代码详见注释：<template> <div> <button v-if="!ifFullScreen" @click="fullScreenPage">
原创
2022-07-12 16:15:26
1917阅读
AnimatedModal.js 是一个用来创建一个全屏模态窗口的 jQuery 插件，基于 CSS3 过渡实现。您可以利用 Animate.css 中的转换或自行创建自己的过渡效果。支持 Firefox、Chrome、Safari、Opera 和 IE 10+ 浏览器。
转载
2015-04-07 10:58:00
138阅读
2评论
安装npm install screenfull --save使用方法import screenfull from "screenfull";属性screenfull.
原创
2022-07-12 16:13:53
3242阅读
效果体验：http://hovertree.com/texiao/css3/10/ 一般做图片切换效果，都会使用JS或者jQuery脚本，今天发现，其实只用CSS也可以实现。试试效果吧。 效果图：代码如下
转载
2016-04-18 15:27:00
694阅读
2评论
function FullScreen(obj){ var s = $(obj).attr("data-staus"); if(s==0){ var el = document.documentElement; $(obj).attr("data-staus","1"); var rfs = el.
原创
2020-03-24 11:22:00
240阅读
handleScreen () { var docElm = document.documentElement // 全屏 if (docElm.web
原创
2022-10-10 06:46:07
255阅读
前段时间项目遇到一个用H5播放视频的需求，要求能全屏播放视频，但是WebView原生并没有实现全屏播放的需求，不过也并没有完全无法实现全屏，通过WebChromeClient来暴露了两个接口：onShowCustomView和onHideCustomView来控制全屏播放的显示与隐藏，可以通过这两个方法来实现视频的全屏播放功能。下边分析一下具体的需求：1、需求1、能全屏播放视频 2、全屏播放时需要
转载
2023-09-26 14:32:39
263阅读
package com.hsx.test;
import java.lang.reflect.Field;
import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.W
转载
2023-06-19 17:54:12
173阅读
文章目录1、主题、字体及代码分割线(Right Margin)配置2. IDE 布局及全屏设置3. 配置autopep8教程，让Python代码更符合pep8规范4. 编码方式设定及项目起始位置设定5. Tab 键设置成4个空格6. 设置函数注释风格（google）7. 常用快捷键(Keymap)8. Pycharm 安装插件(eg: Markdown)及第三方库9. git 配置10. 导入导
转载
2023-10-11 10:14:33
1158阅读
