html
关注
分享
扫一扫
Tokki_
萌新瑟瑟发抖
展开
-
html
什么是viewport？Viewprot是用户网页的可视区域，Viewprot翻译为中文可以叫做“视区”，浏览器就想一个盒子一样，pc的浏览器和手机浏览器屏幕是不同尺寸大小。同样一套尺寸网页在pc上可以正常浏览，如果没有viewport定义浏览器的尺寸，想pc尺寸一样在手机浏览器上显示，布局可能就乱掉，或者先尺寸比例非常的不协调。使用viewport元标签控制布局<mate name...转载 2019-05-22 19:19:21 · 227 阅读 · 0 评论 -
H5 图片热点区域
应用场景不规则按钮的响应一张图片设置多个响应域使用方法利用usemap属性，构建一个map标签<!DOCTYPE html><html><head><meta charset="utf-8"><title>热点区域</title></head><body><!--...原创 2019-07-02 11:07:22 · 2565 阅读 · 0 评论 -
图片懒加载
定义：延迟加载也称为惰性加载，即在长网页中延迟加载图像。用户滚动到它们之前，视口外的图像不会加载。这与图像预加载相反，在长网页上使用延迟加载将使网页加载更快。在某些情况下，它还可以帮助减少服务器负载。举个例子来说明，当打开淘宝首页的时候，只有在浏览器窗口里的图片才会被加载，当你滚动首页向下滑的时候，进入视口内的图片才会被加载，而其它从未进入视口的图像不会也不会加载。优势首先它能提升用户...转载 2019-06-23 19:35:02 · 323 阅读 · 0 评论 -
CSS3属性
transition过渡（transition)是CSS3中具有颠覆性的特征之一，我们可以在不使用 Flash 动画或 JavaScript 的情况下，当元素从一种样式变换为另一种样式时为元素添加效果。属性描述transition简写属性，用于在一个属性中设置四个过渡属性。transition-property规定应用过渡的 CSS 属性的名称。tran...转载 2019-06-23 19:45:05 · 171 阅读 · 0 评论 -
rem布局代码
<script type="text/javascript"> (function() { var html = document.documentElement; var hWidth = html.getBoundingClientRect().width; html.style.fontSize = hWidth / 36 + 'px'; // 3...原创 2019-07-04 15:55:46 · 385 阅读 · 0 评论