WEB大类
shandamengcheng
这个作者很懒,什么都没留下…
展开
-
ipad上100vh和100%踩坑记
最近遇到了一个小bug,在ipad上编辑word文件的虚拟键盘收回时,会导致页面的导航条隐藏,且页面的下面会出现一块空白自己尝试的解决方案通过focusin和focusout对虚拟键盘的弹入弹出进行监听,但发现基本没什么用。我的理解是:focusin和focusout比较适合于监听对于文本输入框的键盘事件。通过比较screen.availHeight和screen.height进行比较。如果在虚拟键盘弹出时元素的高度等有变化,那么可以尝试通过这种方式判断虚拟键盘是不是弹出来了.另一种方法原创 2020-06-17 10:21:49 · 1692 阅读 · 0 评论 -
Web小技术之实现响应式导航条
主要代码:<!DOCTYPE html><html><head> <title>Responsive Navigation Bar</title> <link rel="stylesheet" type="text/css" href="node_modules\@fortawesome\fontawesome-free\css\fontawesome.css"> <link href="node_modules\.原创 2020-05-10 22:38:47 · 985 阅读 · 1 评论 -
47个CSS提示和技巧让你的网站更高级
1. 水平居中要在 CSS 中水平居中块级元素,需要三件事:在元素上显式设置宽度,将左右边距设置为自动,并包括适当的文档类型以防止旧版本的 IE 进入怪癖模式。div#page {width: 960px; margin: 0 auto}上面的代码将会使id 为page的元素在div标签中水平居中。2. 通过设置line-height来垂直居中文本如果想要在一个高度固定的包含块中垂直居...翻译 2019-10-29 14:13:16 · 404 阅读 · 0 评论 -
通过DOM动态删除多个节点报错原因理解
通过DOM动态删除多个节点报错原因理解在DOM中,我们可以通过removeChild( )来删除元素的子节点,但有时当我们通过循环函数删除一个元素的多个子节点时,浏览器却显示:Failed to execute ‘removeChild’ on ‘Node’: parameter 1 is not of type ‘Node’.这是什么原因呢?接下来分析几个可能常出现的错误写法.<...原创 2019-08-20 16:47:41 · 1341 阅读 · 0 评论 -
前端必读:浏览器内部工作原理
这篇文章写的非常好!!推荐前端必读:浏览器内部工作原理原文地址:How Browsers Work: Behind the scenes of modern web browsers转载 2019-08-17 20:42:49 · 74 阅读 · 0 评论