![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html
jacklin_001
这个作者很懒,什么都没留下…
展开
-
body背景图片自适应
html{ height:100%;}body{ background:url(../image/bg-m.jpg) no-repeat; background-size: cover;//或者background-size: 100% 100%;}background-size contain 与cover的区别在no-repeat情况下,如果容器宽高比与图片宽高比不同, cover:图片宽高比不变、铺满整个容器的宽高,而图片多出的部分则会被截掉; co.转载 2022-03-24 17:49:21 · 1673 阅读 · 0 评论 -
HTML自定义属性 data-*
在html5中我们可以通过 data-* 来设置我们需要的自定义属性,进行数据存放<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="jquery.min.js"></script></head><body><原创 2022-03-11 18:30:32 · 1223 阅读 · 0 评论 -
jquery 实现数字动态变化
直接上代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="jquery.min.js"></script></head><body><div class="count">当前在线人数:<sp原创 2020-12-22 11:52:04 · 1154 阅读 · 0 评论 -
HTML5----响应式(自适应)网页设计(自动适应屏幕大小)
现在,很多项目都需要做响应式或者自适应的来适应我们不同屏幕尺寸的手机,电脑等设备,那么就需要我们在页面上下功夫,但移动端的布局不同于pc端,首先我们要知道在移动端中,css中的1px并不等于物理上的1px,因为手机屏幕的分辨率已经越来越高,高像素但是屏幕尺寸却没有发生太大变化,那就意味着一个物理像素点实际上塞入了好几个像素。下面我就来说一下如何做响应式(自适应)的网页设计1、在网页代码的头部...转载 2020-03-25 17:29:33 · 2231 阅读 · 0 评论