移动页面 积累

作者: ai房子菇凉 | 来源:发表于2017-02-13 11:13 被阅读0次

document.documentElement.clientWidth这个值在电脑和ipad上是分辨率的宽度,但是在手机上却恒定是980,是因为没有添加meta,添加了这个标签,获取的就是手机的分辨率宽度了。

<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1">。

网页可见区域宽:document.body.clientWidth;

网页可见区域高:document.body.clientHeight;

网页被卷去的高:document.body.scrollTop;

网页被卷去的左:document.body.scrollLeft;

屏幕分辨率的高:window.screen.height;

屏幕分辨率的宽:window.screen.width;

相关文章

  • 移动页面 积累

    document.documentElement.clientWidth这个值在电脑和ipad上是分辨率的宽度,但...

  • 移动端(微信)后退刷新页面

    移动端(微信)后退刷新页面 移动端真是各种坑,就这还要不断的踩坑,说多了无非就是经验的积累。比如从A页面到B页面,...

  • 移动页面

    字体 1.使用无衬线字体2.英文和数字使用helvetica3.不指定默认的中文字体 系统默认字体: ios 系统...

  • 判断PC端或者移动端 跳转对应页面

    移动端页面写法 PC端页面写法

  • 移动端web页面适配

    移动端Web页面,即常说的H5页面、手机页面、webview页面等。 手机设备屏幕尺寸不一,在做移动端的Web页面...

  • CSS新手向的知识点<三>

    关于移动端页面 通常来讲做移动端页面适配一般有三种方式 前端方向:移动页面响应式,用媒体查询(media quer...

  • #案例拆解#支付宝 芝麻信用-张竞慧

    一、用户路径 1.进入芝麻信用页面,点击“芝麻粒可攒”会进入信用积累页面。 2.进入信用积累页面后主要分为“攒芝麻...

  • 指尖上行-移动前端开发进阶之路第1章学习笔记

    01 移动页面开发 1.1页面布局 1.1.1 viewport viewport,视图窗口,指移动设备上能用来显...

  • 移动端页面

    手机和PC端交互方式不一样,移动端多数没有hover,没有resize,没有滚动条,有touch 1、媒体查询 在...

  • 移动端页面

    媒体查询 第一种方式: 直接在head里写style 比如: 第二种方式:引入CSS文件 上面这行代码表示 : ...

网友评论

    本文标题:移动页面 积累

    本文链接:https://www.haomeiwen.com/subject/rubzittx.html