2024年12月8日
H5-34 字体图标
摘要： 我们会经常用到一些图标。但是我们在使用这些图标时，往往会遇到失真的情况，而且图片数量很多的话，页面加载就越慢。所以我们可以使用字体图标的方式来显示图标，及解决了失真问题，也解决了图片占用资源的问题 常用字体图标库：阿里字体图标库（http://iconfont.cn/） 1、优点： ①轻量性：加载速 阅读全文
posted @ 2024-12-08 21:23 张筱菓 阅读(37) 评论(0) 推荐(0)
H5-33 CSS Sprite
摘要： CSS Sprite 也叫CSS精灵图、CSS雪碧图，是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去 1、优点： ①减少图片字节 ②减少网页的http请求，从而大大的提高页面的性能 2、原理： ①通过background-image引入背景图片 ②通过back 阅读全文
posted @ 2024-12-08 20:41 张筱菓 阅读(22) 评论(0) 推荐(0)
H5-32 媒体查询
摘要： 媒体查询能使页面在不同在终端设备下达到不同的效果 媒体查询会根据设备的大小自动识别加载不同的样式 1、设置meta标签 使用设备的宽度作为视图宽度并禁止初始的缩放。在<head>标签里加入这个meta标签。 <meta name="viewport" content="width=device-wi 阅读全文
posted @ 2024-12-08 19:59 张筱菓 阅读(82) 评论(0) 推荐(0)