meta

前端_android_标签_手机客户端

a 夏天 提交于 2020-02-14 23:41:19
<meta content=”width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;” name=”viewport” /> <meta content=”yes” name=”apple-mobile-web-app-capable” /> <meta content=”black” name=”apple-mobile-web-app-status-bar-style” /> <meta content=”telephone=no” name=”format-detection” /> 第一个meta标签表示:强制让文档的宽度与设备的宽度保持1:1,并且文档最大的宽度比例是1.0,且不允许用户点击屏幕放大浏览; 第二个meta标签是iphone设备中的safari私有meta标签,它表示:允许全屏模式浏览; 第三个meta标签也是iphone的私有标签,它指定的iphone中safari顶端的状态条的样式; 第四个meta标签表示:告诉设备忽略将页面中的数字识别为电话号码 <link rel="dns-prefetch" href="http://www.alibaba.com/" /> 第一,现代浏览器大部分支持(在手机上) 第二, 可以通过用meta信息来告知浏览器,

wap手机端顶部参数

扶醉桌前 提交于 2020-02-14 23:40:43
<!--seo优化 start--> <title><{$head_data.title}></title> <meta content-type="text/html" charset="utf-8"> <meta name="keywords" content="<{$head_data.keyword}>" /> <meta name="description" content="<{$head_data.description}>" /> <!--seo优化 end--> <!--这个标签是允许搜索引擎访问这个页面的全部内容--> <meta name="robots" content="all"/> <!--强制让文档的宽度与设备的宽度保持1:1,并且文档最大的宽度比例是1.0,且不允许用户点击屏幕放大浏览--> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"> <!--iphone的私有标签,开启对web app程序的支持--> <meta name="apple-mobile-web-app-capable" content="yes"> <!-

meta标签

三世轮回 提交于 2020-02-14 23:40:09
<!-- 强制让文档的宽度与设备的宽度保持1:1,并且文档最大的宽度比例是1.0,且不允许用户点击屏幕放大浏览; --> <meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" /> <!-- 忽略将页面中的数字识别为电话号码 --> <meta content="telephone=no" name="format-detection" /> <!-- 忽略将页面中的数字识别为邮件 --> <meta content="email=no" name="format-detection" /> <!-- 关键字搜索 --> <meta name="Keywords" content="移动端,meta"/> <!-- 描述 --> <meta name="description" content="移动端meta的用法"/> <!-- iphone设备中的safari私有meta标签,它表示:允许全屏模式浏览 --> <meta content="yes" name="apple-mobile-web-app-capable" /> <!-- iphone的私有标签

手机端的几个meta属性详解

吃可爱长大的小学妹 提交于 2020-02-14 23:39:53
(1)<meta content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0" name="viewport" /> (2)<meta content="yes" name="apple-mobile-web-app-capable" /> (3)<meta content="black" name="apple-mobile-web-app-status-bar-style" /> (4)<meta content="telephone=no" name="format-detection" /> 第一个meta标签表示:强制让文档的宽度与设备的宽度保持1:1,并且文档最大的宽度比例是1.0,且不允许用户点击屏幕放大浏览;尤其要注意的是content里多个属性的设置一定要用分号+空格来隔开,如果不规范将不会起作用。 第二个meta标签是iphone设备中的safari私有meta标签,它表示:允许全屏模式浏览; 第三个meta标签也是iphone的私有标签,它指定的iphone中safari顶端的状态条的样式; 第四个meta标签表示:告诉设备忽略将页面中的数字识别为电话 来源: https://www.cnblogs.com/ll-taj/p/5093285.html

repeating-radial-gradient示例

 ̄綄美尐妖づ 提交于 2020-02-14 18:19:01
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> div.box{ width: 300px; height: 300px; border-radius: 50%; /* 设置重复的径向渐变 */ background-image: repeating-radial-gradient(red ,yellow 40px); } </style> </head> <body> <div class="box"></div> </body> </html> 来源: https://www.cnblogs.com/kukai/p/12308206.html

Hbase数据存储与读写详解

坚强是说给别人听的谎言 提交于 2020-02-14 13:06:44
1、HBase的数据存储原理 一个HRegionServer会负责管理很多个region 一个**region*包含很多个store 一个 列族就划分成一个 store** 如果一个表中只有1个列族,那么每一个region中只有一个store 如果一个表中有N个列族,那么每一个region中有N个store 一个store里面只有一个memstore memstore是一块 内存区域 ,写入的数据会先写入memstore进行缓冲,然后再把数据刷到磁盘 一个store里面有很多个 StoreFile , 最后数据是以很多个 HFile 这种数据结构的文件保存在HDFS上 StoreFile是HFile的抽象对象,如果说到StoreFile就等于HFile 每次memstore刷写数据到磁盘,就生成对应的一个新的HFile文件出来 2、HBase数据读流程 说明:HBase集群,只有一张meta表,此表只有一个region,该region数据保存在一个HRegionServer上 1、客户端首先与zk进行连接;从zk找到meta表的region位置,即meta表的数据存储在某一HRegionServer上;客户端与此HRegionServer建立连接,然后读取meta表中的数据;meta表中存储了所有用户表的region信息,我们可以通过 scan 'hbase:meta'

Meta tags for URL with description and image (In Skype, Discord)

为君一笑 提交于 2020-02-13 05:45:37
问题 When somone send link in Skype or Discord, it can create image and description, like is shown on screenshots: I think its because of <meta> tags in HTML <head> . But in HTML can be hunderts of <meta> tags.. I found this page on GitHub, Link: https://gist.github.com/lancejpollard/1978404 And that's so many tags. Is there someone who know only tags, which is making these images and descriptions on Skype and Discord? I tried adding some meta tags, favicon, and title, but it not works, I don't

目前最火的前端布局方式:less+flex+媒体查询

为君一笑 提交于 2020-02-13 03:29:16
1. rem基础 rem单位 rem (root em)是一个 相对单位 ,类似于em,em是父元素字体大小,rem的基准是相对于html元素的 字体大小 。 比如,根元素(html)设置 font-size=12px ; 非根元素设置width:2rem; 则换成px表示就是24px。 /* 根html 为 12px */ html { font-size : 12px ; } /* 此时 div 的字体大小就是 24px */ div { font-size : 2rem ; } rem的优势:父元素文字大小可能不一致, 但是整个页面只有一个html,可以很好来控制整个页面的元素大小。 2. 媒体查询 2.1 什么是媒体查询 媒体查询(Media Query)是CSS3新增的语法。 使用 @media查询, 可以针对不同的媒体类型定义不同的样式 @media 可以针对不同的屏幕尺寸设置不同的样式 当你重置浏览器大小的过程中,页面也会根据浏览器的宽度和高度重新渲染页面 目前针对很多苹果手机、Android手机,平板等设备都用得到媒体查询 2.2 媒体查询语法规范 用 @media开头 注意@符号 mediatype 媒体类型 关键字 and not only media feature 媒体特性必须有小括号包含 /* 语法格式 */ @media mediatype and

2019-4-26 css学习笔记

两盒软妹~` 提交于 2020-02-13 02:47:10
CSS简介:Cascading Style Sheets(层叠样式表)的缩写,它是一种用来表现HTML或XML等文件样式的计算机语言。 CSS的作用: 是定义网页外观(例如,字体、背景、文本、位置、布局、边缘、列表及其他等),它也可以和JavaScript等浏览器端脚本语言合作做出许多动态效果。 所谓的样式表,是样式化HTML的一种方法,HTML是文档的内容,而样式表是文档的表现,或者说是外观。 所谓的层叠,就是将一组样式在一起层叠使用,控制某一个或多个HTML元素,按样式表中的属性一次显示。 一个样式表可以用于多个页面,甚至整个站点,因此CSS具有良好的易用性和扩展性。从总体来说,使用CSS不仅能够弥补HTML对网页格式化功能的不足,例如段落间距、行距、字体变化和大小等,还可以使用CSS动态更新页面格式,进行排版定位等。CSS特点如下。 (1)控制页面中的每个元素(精确定位)。 (2)对HTML语言处理样式的最好补充。 (3)把内容和格式相分离,减少工作量。 CSS的规则组成: CSS和HTML一样都是由W3C制定的标准。 CSS书写格式和注释写法: p{ font-size:30px; /* color:yellow; */ border:1px solid blue; } 注:p 是选择器 {}的包含的内容是声明 font-size: 30px; 属性:属性值;

vue 返回滚动位置

只谈情不闲聊 提交于 2020-02-13 01:17:12
list页面要使用keep-alive,这里再app.vue里判断 app.vue <keep-alive> <router-view v-if="$route.meta.keepAlive"></router-view> </keep-alive> <router-view v-if="!$route.meta.keepAlive"></router-view> router.js 使用history模式 scrollBehavior里是具体代码,一开始是在scrollBehavior里获取 document.documentElement.scrollTop || document.body.scrollTop;但是第一次进入页面的时候滚动页面高度无法获取,所以就在list.vue里 beforeRouteLeave方法里设置高度,然后就可以在scrollBehavior return相应的高度了 export default new Router({   mode: "history",   base: "/m/",   scrollBehavior(to, from, savedPosition) {   return { x: 0, y: to.meta.savedPosition || 0 }; }, routes: [   {     path: "/",