随手记录查阅的资料，每天进步一点点。 今天有一个做开发的朋友突然问你知道很多网站上面加入的X-UA-Compatible属性的意义么？其实这个在以前还专门花了一点时间来验证我自己的想法，结果也确实如自己所预想的那样，八九不离十，当然有一点点的偏差。我做的项目中也并不是每个项目中都使用该属性。那么我们 ...
分类：
Web程序 时间：
2018-09-15 13:07:34
阅读次数：
160
直接上代码： 项目：head里添加meta标签： <meta name="viewport" content="width=device-width, viewport-fit=cover"> CSS:在body 添加css：@supports (bottom: constant(safe-area ...
分类：
其他好文 时间：
2018-09-14 19:47:40
阅读次数：
586
一、语法：<meta name="name" content="string"> 二、参数解析：1)name选项：Keywords(关键字)，description(网站内容描述)，author(作者)，robots(机器人向导)等等 2)http-equiv项：可用于代替name项，常用的选项有E ...
分类：
Web程序 时间：
2018-09-05 00:50:14
阅读次数：
189
优点:无需插件和手机主题,对移动设备友好,能够适应各种窗口大小。只需在CSS中添加@media screen属性,根据浏览器宽度判断并输出不同的长宽值 准备工作1：设置Meta标签 首先我们在使用Media的时候需要先设置下面这段代码，来兼容移动设备的展示效果： <meta name="viewpo ...
分类：
Web程序 时间：
2018-09-04 22:31:45
阅读次数：
235
1.响应式布局就是网页能够响应各种各样不同分辨率大小的设备，能够将网页很好的呈献给用户 2.为了让 Bootstrap 开发的网站对移动设备友好，确保适当的绘制和触屏缩放，需要在网页的 head 之中添加 viewport meta标签 width 属性控制设备的宽度。假设您的网站将被带有不同屏幕分 ...
分类：
其他好文 时间：
2018-09-02 18:35:17
阅读次数：
170
借鉴地址 传送门 此外，apple还有两个有趣的标签： 1. apple-touch-icon 如果 apple-mobile-web-app-capable 设置为 yes 了，那么在苹果机的safari上可以通过添加到主屏按钮将网站添加到主屏幕上。而设置相应 apple-touch-icon 标 ...
分类：
Web程序 时间：
2018-08-31 10:44:33
阅读次数：
171
组成 meta标签共有两个属性，分别是http-equiv属性和name属性。 1. name属性 name属性主要用于描述网页，比如网页的关键词，叙述等。与之对应的属性值为content，content中的内容是对name填入类型的具体描述，便于搜索引擎抓取。meta标签中name属性语法格式是： ...
分类：
Web程序 时间：
2018-08-22 17:04:30
阅读次数：
227
第一：正确理解响应式布局 响应式网页设计就是一个网站能够兼容多个终端-而不是为每个终端做一个特定的版本。打个比方来说：现在社会有很多响应产品，例如折叠沙发，折叠床等等，当我们需要把沙发放到一个角落的时候，此刻沙发就好比div吧，而角落里的某个地方就好比父元素，由于父元素空间的改变，我们不得不调整di ...
分类：
Web程序 时间：
2018-08-21 01:06:12
阅读次数：
541
通过添加meta标签 <meta http-equiv= "pragma" content= "no-cache"/> (pragma: 杂注) <meta http-equiv= "Cache-Control" content= "no-cache, must-revalidate"/> (不缓存 ...
分类：
Web程序 时间：
2018-08-19 20:08:06
阅读次数：
155
解决苹果手机 Safari浏览器下 字体显示为蓝色的 问题 近期测试同学测试，wap站上，底部文字在苹果8上面 ，使用 Safari浏览器打开，一直显示 蓝色字体 其他正常，寻找半天无解，最后 阳仔 小伙伴 猛然想起来，这是 不兼容，少了一句meta标签 在 head区域 添加上 这句话 即可 ，正 ...
分类：
移动开发 时间：
2018-08-16 21:36:50
阅读次数：
1410
