移动端开发时所需加入的3个meta标签和网页的各种宽高
来源:互联网 发布:看广告赚钱软件 编辑:程序博客网 时间:2024/05/16 10:27
一、3个常用的meta标签
1.
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">如果IE浏览器安装了GCF(chrome插件),则使用GCF来渲染页面,如果未安装GCF,则使用最高版本的IE内核进行渲染。2.
meta name="format-detection" content="telephone=false"3.格式化探索,防止iphone6将数字2016解析为电话号码
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">二、页面的各种宽高视口,设置视口宽度等于设备宽度;设置初始缩放、最小缩放、最大缩放都为1;设置用户不能控制页面缩放
console.log("网页可见区域宽:" + document.body.clientWidth);console.log("网页可见区域高:" + document.body.clientHeight);console.log("网页可见区域宽:" + document.body.offsetWidth );(包括边线的宽)console.log("网页可见区域高:" + document.body.offsetHeight);(包括边线的宽)console.log("网页正文全文宽:" + document.body.scrollWidth);console.log("网页正文全文高:" + document.body.scrollHeight);console.log("网页被卷去的高:" + document.body.scrollTop);console.log("网页被卷去的左:" + document.body.scrollLeft);console.log("网页正文部分上:" + window.screenTop);console.log("网页正文部分左:" + window.screenLeft);console.log("屏幕分辨率的高:" + window.screen.height);console.log("屏幕分辨率的宽:" + window.screen.width);console.log("屏幕可用工作区高度:" + window.screen.availHeight);console.log("屏幕可用工作区宽度:" + window.screen.availWidth);
视口,设置视口宽度等于设备宽度;设置初始缩放、最小缩放、最大缩放都为1;设置用户不能控制页面缩放
阅读全文
0 0
- 移动端开发时所需加入的3个meta标签和网页的各种宽高
- 移动端的头部标签和 meta
- 移动端的头部标签和meta
- 移动端的头部标签和 meta
- 关于select样式重置和移动端网页添加meta标签的问题
- 移动端的meta标签
- 移动端的meta标签
- 移动开发对 META 标签的定义
- 移动开发对 META 标签的定义
- 移动端meta标签的使用和说明
- 【移动前端开发】移动平台对 META 标签的定义
- <meta>标签在移动端的定义
- 移动端meta标签的含义
- 移动端meta标签的使用
- 移动端常用的meta标签
- 移动端常用的meta标签
- 移动端—HTML5手机网页需要加的那些meta/link标签,H5 meta全解
- 移动开发的meta
- tomcat实现热加载
- CentOS 6.5安装Mysql5.7
- JavaEE——CSS3选择器
- bzoj 3702: 二叉树 线段树合并
- 抽奖
- 移动端开发时所需加入的3个meta标签和网页的各种宽高
- STRAIGHT特征提取算法学习
- C#使用Socket与HTTP连接服务器传输数据包
- 记录一个问题
- 【广告算法工程师入门 20】机制设计-从GSP机制到VCG机制
- shiro在SSM以及与Springboot+Mybatis中的实践
- Sass进阶-(数据类型,变量运算,mixin)
- PowerShell获取系统环境变量的方法
- 关于BottomNavigationBar的用法