随笔分类 - html、css
摘要：-webkit-touch-callout:none; /*系统默认菜单被禁用*/ -webkit-user-select:none; /*webkit浏览器*/ -khtml-user-select:none; /*早期浏览器*/ -moz-user-select:none;/*火狐*/ -ms-
阅读全文
摘要：刚遇到了个需求，就是要在浏览器打印一个固定规格标签的功能，打印的条码或者二维码要适应30mm*60mm尺寸的纸张。 以最简单粗暴的方式就是在打印的媒体查询里给元素设置宽度100%（被喷我） @media print { width:100% } 后面无意中发现了媒体查询中有那么个属性 @page.s
阅读全文
摘要：1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maxim
阅读全文
摘要：问题是这样的，我在 el-drawer 组件里面使用了 el-tooltip ，但是点击打开抽屉，我的tooltip就会被选中，然后就显示出提示信息了，这并不是我想要的效果。。F12经过一番查找，发现el-tooltip上面多了个tabindex=0的属性，然后尝试把修改了一下，tabindex=-
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1
阅读全文
摘要：最近在移动端项目上遇到了底部tab切换被iPhoneX 和 iPhoneX Max 的小黑条影响到的问题，经过多次调试，最终的解决方案如下： 第一步：新增 viweport-fit 属性，使得页面内容完全覆盖整个窗口（千万不要忘了，不然后面样式都没效果） <meta name="viewport"
阅读全文
摘要：做一个PC端的网页,设计图是1920X1080的. 要在常见屏上显示正常(比例正确可) 1280X720 1366X768 1440X900 1920X1080 现在前端框架越来越完善，除了个别页面，大多数情况下都能做到各屏幕的适配 有哪些页面呐？具体的就不多说了，这里就举例一个有背景图的登录页面（
阅读全文
摘要：html5中如何去掉input type date默认样式1.时间选择的种类:HTML代码： 选择日期：<input type="date" value="2017-06-01" /> 选择时间：<input type="time" value="22:52" /> 选择星期：<input type
阅读全文
摘要：这段时间内，涉及到的都是移动端开发，说到移动端开发，我们就会思考到，目前分辨率的问题，如果用px为单位的话，在不同移动设备和不同分辨率下，页面的效果可能会有所不同，甚至导致页面变形。所以在次我们就用到了rem，使用rem为单位，在任何移动端下显示的效果都是一样的。 只要我们在页面的head中引入下面
阅读全文
摘要：1、html 部分： <div id="refershDiv" class="refershDiv"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"> <rect transform="rotate(0 50 50) tr
阅读全文
