最近写项目时发现通过meta标签已无法禁止移动端双指缩放，一般的js写法也无法阻止，最终解决方案如下： 重点：passive //禁止双指放大 document.documentElement.addEventListener('touchstart', function (event) { if ...
分类：
移动开发 时间：
2020-09-15 21:08:02
阅读次数：
65
今天有人说可以利用 html 页面的中 meta 标签来屏蔽搜索引擎蜘蛛的抓取或不让蜘蛛抓取网页中的其它链接，本着好奇的精神，就查了一些相关的资料，发现了一串类似 <meta name='robots' content='noindex,nofollow' /> 这样的HTML代码，可以告诉来网页爬 ...
分类：
Web程序 时间：
2020-09-04 17:26:50
阅读次数：
57
px,%是布局常用单位， em是相对于父元素的font-size而定的， 比如谷歌浏览器font-size是16px,则div直接显示时是1em=16px, 当 <div class="parent"> <div class="son">111</div> </div> <style> .paren ...
分类：
其他好文 时间：
2020-07-22 23:33:27
阅读次数：
87
参考：拉钩教育中 1.HTML 标签 交互实现 meta 标签：自动刷新/跳转 假设要实现一个类似 PPT 自动播放的效果，你很可能会想到使用 JavaScript 定时器控制页面跳转来实现。但其实有更加简洁的实现方法，比如通过 meta 标签来实现： <meta http-equiv="Refre ...
分类：
其他好文 时间：
2020-07-08 20:05:50
阅读次数：
65
方案一： <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" /> 注释掉vue中public文件夹里面的meta标签 方案二： 在styl ...
分类：
移动开发 时间：
2020-07-03 23:45:16
阅读次数：
105
rem自适应 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <script> var deviceWidth = window.inner ...
分类：
移动开发 时间：
2020-07-03 19:15:14
阅读次数：
92
新建了个Dynamic Web project，运行几次之后出现乱码，然后我将Eclipse项目统一调整成UTF-8编码。 接着运行测试，发现结果在Chrome和Edge浏览器上都正常。但是Eclipse自带的浏览器和ie11上都还是乱码。 尝试改了一下tomcat的web.xml里面的mime-t ...
分类：
Web程序 时间：
2020-06-30 12:36:56
阅读次数：
68
在移动设备上进行网页的重构或开发，首先得搞明白的就是移动设备上的viewport了，只有明白了viewport的概念以及弄清楚了跟viewport有关的meta标签的使用，才能更好地让我们的网页适配或响应各种不同分辨率的移动设备。 1. viewport的概念 通俗的讲，移动设备上的viewport ...
分类：
其他好文 时间：
2020-05-22 13:15:18
阅读次数：
55
<meta http-equiv="Cache-Control" content="no-store" /> 一、meta标签 meta是html语言head区的一个辅助性标签。也许你认为这些代码可有可无。其实如果你能够用好meta标签，会给你带来意想不到的效果，meta标签的作用有：搜索引擎优化（ ...
分类：
Web程序 时间：
2020-05-20 12:45:44
阅读次数：
69
