m0_60703077的博客

ie最小高度chrome 下最小字体为 16px，而 ie 下最小高度为 12px如果设置一个盒子的话，设置盒子的高度，ie 下最小高度为 19px；我们想要设置更小的高度的话，需要给盒子的父盒子设置 font-size: 0;即时可以设置宽度， ie 下也设置不了 0px。...

全面禁止默认行为在移动端上，文字默认会被选中，会使用浏览器默认的滚动条，有默认的右键菜单。那么怎么才能禁止呢?禁止方式document.addEventListener('touchstart', function (ev ) { ev = ev || event; ev.preventDefault();})这样子就可以了，那么怎么才能知道是否可以阻止默认事件？ev.cancelable;那么我们阻止了默认行为，怎么才能单独的使用？如果我们不想在 document

实现1物理像素我们写的1css像素都会跨越好几个物理像素，并且显示出来是按1像素的。那我们怎么实现1物理像素。(淘宝实现)通过缩放(function () { var dpr = window.devicePixelRatio || 1; const styleNode = document.createElement('style'); let size = document.documentElement.clientWidth * dpr / 16; styleN

事件点透当我们有一个遮罩，遮罩下面有一个 a 标签，当我们点击遮罩，当遮罩消失，a 标签也会相应点击跳转。事件问题PC 端事件可以在移动端触发。 移动端不会在 PC 端触发。PC 端事件有 300 毫秒的延迟。移动端事件不会有延迟。这就是造成点击遮罩之后，触发 touchstart 事件，遮罩消失，然后等了 300毫秒之后，会点击 a 标签，进行跳转。怎么防止点透问题。重写 a 标签跳转功能。var aNodes = document.querySelectorAll('a

移动端常见问题号码在移动端上的数字和邮箱点击会进行拨打电话和开启邮箱。解决方法：禁止<meta name="format-detection" content="telephone=no, email=no">那么想要使用的话怎么启用呢?<a href="tel:110">13182031</a> <a href="mailto:1311110231@qq.com">1311120@qq.com</a>链接按钮高亮&

适配方式rem 适配(function () { var styleN = document.createElement("style"); var width = document.documentElement.clientWidth/16; styleN.innerHTML = 'html{font-size:'+width+'px!important}'; document.head.appendChild(styleN);})();优点：使用了完

meta视口meta 视口的目的就是让布局视口和理想视口尺寸匹配。值width: 设置布局视口的宽度和特定的值。width 是用来改变布局视口的。可以设置为具体的值 width=400init-scale: 设置页面初始缩放程度和布局视口的宽度。初始缩放程度。1代表100%，2代表200%。缩放程度根据理想视口计算的。initial-scale=1视觉视口尺寸和理想视口的尺寸一样。initial-scale=2视觉视口的宽度是理想视口的一半。minimum-scale: 最小缩放程度.

移动端概念像素像素就是计算机屏幕能够显示一种颜色的最小区域。屏幕上的像素越多，就能够看到的越多。物理像素（设备像素） , 设备的分辨率就是物理像素，单位是 px。css 像素 我们在页面布局时用的 px 就是 css 像素。物理像素 和 css像素在旧的屏幕上，当缩放程度为 100% 时，一个css响度等于1个物理向度。屏幕上的像素越多，同一时间看到的就越多。自动 iphone公司推出的高清屏，在高密度屏幕上，一个 css 像素可以跨越多个设备像素。设备尺寸相同但像素变得更