html
关注
分享
扫一扫
lucky__peng
这个作者很懒，什么都没留下…
展开
-
使网站右键和复制失效
在<body>中加入以下代码：<body oncontextmenu="return false" onselectstart="return false">或<body oncontextmenu="event.returnValue=false" onselectstart="event.returnValue=false">相当于加入以下script标签<script language="Javascript">document.oncont原创 2022-03-06 21:42:19 · 386 阅读 · 0 评论 -
纯CSS3使用vw和vh视口单位实现自适应
编者注：在移动端中利用REM的相对于根HTML进行改变，通过一段JS实现了移动端自适应，本文则使用纯CSS视口单位来自行自适应，虽然现在的兼容性还没法完全能够接受，但不妨碍你认识这个vw和vh的强大。响应式布局的实现依靠媒体查询（ Media Queries ）来实现，选取主流设备宽度尺寸作为断点针对性写额外的样式进行适配，但这样做会比较麻烦，只能在选取的几个主流设备尺寸下呈现完美适配。即使是通过 rem 单位来实现适配，也是需要内嵌一段脚本去动态计算根元素大小。近年来，随着移动端对视口单位的支持越来转载 2022-02-20 21:49:50 · 1118 阅读 · 0 评论 -
行内元素padding和margin
给行内元素设置padding和margin上下无效，左右有效设置上下padding时区域范围变大（给该行内元素加background-color可见），但实际并不会对周围元素产生影响原创 2021-05-02 20:05:07 · 528 阅读 · 0 评论 -
a标签屏蔽点击功能
改变herf属性的值<a href="javascript:void(0);"></a>或<a href="javascript:;"></a>原创 2021-04-21 20:51:38 · 222 阅读 · 0 评论