2020年10月1日
正则替换 px 转换 rem
摘要： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><script> var str = ` <!DOCTYPE html><html lang="en"><hea 阅读全文
posted @ 2020-10-01 23:36 13522679763-任国强 阅读(427) 评论(0) 推荐(0)
1px 边框解决方案 2
摘要： <!doctype html><html lang="en" ><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, 阅读全文
posted @ 2020-10-01 23:07 13522679763-任国强 阅读(133) 评论(0) 推荐(0)
1px 边框解决方案1
摘要： <!doctype html><html lang="en" ><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, 阅读全文
posted @ 2020-10-01 23:05 13522679763-任国强 阅读(159) 评论(0) 推荐(0)
rem与less适配
摘要： <!doctype html><html lang="en" ><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, 阅读全文
posted @ 2020-10-01 22:20 13522679763-任国强 阅读(192) 评论(0) 推荐(0)
rem 比例值适配
摘要： <!doctype html><html lang="en" style="font-size: 37.5px;"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalab 阅读全文
posted @ 2020-10-01 21:59 13522679763-任国强 阅读(336) 评论(0) 推荐(0)
rem 固定值适配
摘要： <!doctype html><html lang="en" style="font-size: 100px;"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalabl 阅读全文
posted @ 2020-10-01 21:57 13522679763-任国强 阅读(214) 评论(0) 推荐(0)
pc端 事件
摘要： <!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, m 阅读全文
posted @ 2020-10-01 17:09 13522679763-任国强 阅读(173) 评论(0) 推荐(0)
拖拽效果实现方法
摘要： <!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, m 阅读全文
posted @ 2020-10-01 17:07 13522679763-任国强 阅读(160) 评论(0) 推荐(0)
pc端 阻止网页内容被复制 和禁止弹出右键菜单
摘要： window.onkeydown = function(e){ //获取当前按键的信息 ctrl + c console.log(e.keyCode); // 67 c console.log(e); if(e.keyCode == 67 && e.ctrlKey){ // alert('你按下了 阅读全文
posted @ 2020-10-01 15:14 13522679763-任国强 阅读(223) 评论(0) 推荐(0)
阻止浏览器默认行为 滑动留白
摘要： 滑动留白 <!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1 阅读全文
posted @ 2020-10-01 15:03 13522679763-任国强 阅读(261) 评论(0) 推荐(0)
移动端事件
摘要： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{ margin:0; padding:0; } ul{ list-style: none; } #box{ widt 阅读全文
posted @ 2020-10-01 14:30 13522679763-任国强 阅读(181) 评论(0) 推荐(0)
阻止默认行为
摘要： <!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, m 阅读全文
posted @ 2020-10-01 14:26 13522679763-任国强 阅读(101) 评论(0) 推荐(0)
点击穿透 解决方法 增加一个包裹元素
摘要： <!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, m 阅读全文
posted @ 2020-10-01 14:24 13522679763-任国强 阅读(214) 评论(0) 推荐(0)