![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html
html技术点
阿尔法小菜鸡
阿吧阿吧阿吧阿吧阿吧
展开
-
前端开发笔记
一、浏览器的懒加载 方法一: var imgs = document.querySelectorAll('img'); //用来判断bound.top<=clientHeight的函数,返回一个bool值 function isIn(el) { var bound = el.getBoundingClientRect(); var clientHeight = window.innerHeight;转载 2021-09-27 18:27:16 · 195 阅读 · 0 评论 -
前段开发遇到的新属性与新方法
解决移动端字体与图片尺寸自动缩放的问题:initial-scale=1.0 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" /> 绝对定位到页面中心:top、left的值与转换配合使用。 元素定位,在父盒子内,会被视口拉动,但不会超出父盒子:position:sticky; 使元素强制在同行显示:white-space:原创 2021-08-20 20:43:20 · 66 阅读 · 0 评论 -
前端viewport的使用
前段viewport的使用 meta name="viewport" content="width=device-width,initial-scale=1.0" 解释 <meta name="viewport" content="width=device-width,initial-scale=1.0"> content属性值 : &nb转载 2021-08-23 13:27:19 · 429 阅读 · 0 评论