美文网首页HTML
缺少DOCTYPE导致网页可视区域变大

缺少DOCTYPE导致网页可视区域变大

作者: 成都圣安米悦心理咨询 | 来源:发表于2017-10-06 21:38 被阅读5次

今天遇到了个很让我郁闷的问题

var clientTop = document.documentElement.clientHeight || document.body.clientHeight;

获取可视区域的高度居然是6w多这就太不正常了,折腾了半天

才发生没有在网页上声明DOCTYPE所导致的问题

!声明必须位于 HTML5 文档中的第一行,也就是位于  标签之前。该标签告知浏览器文档所使用的 HTML 规范。

doctype 声明不属于 HTML 标签;tag; 它是一条指令,告诉浏览器编写页面所用的标记的版本。

在所有 HTML 文档中规定 doctype 是非常重要的,这样浏览器就能了解预期的文档类型。

相关文章

  • 缺少DOCTYPE导致网页可视区域变大

    今天遇到了个很让我郁闷的问题 var clientTop = document.documentElement.c...

  • 可视区,页面内容,浏览器宽高

    可视区域:可显示网页内容的区域。打开浏览器的控制台,拉动控制台宽/高的时候网页可视区域的宽高也会随之改变,所以可视...

  • 第三大家族client

    主要成员 1、clientWidth 获取网页可视区域宽度(两种用法)clientHeight 获取网页可视区...

  • js获取浏览器可视区域大小

    1、在没有DOCTYPE的ie中: 浏览器可视区域的大小:document.body.offsetWidth 和 ...

  • JS 基础

    一、事件 二、对象 三、window 四、DOM 浏览器窗口可视区域大小 网页尺寸scrollHeight 网页尺...

  • js获取高度和宽度方法总结

    javascript获取网页的高度和宽度: 二三八 可视区域宽:document.documentElement....

  • js-动画加载

    思路:当div出现在可视区域内时,通过给div动态加载类名来实现动画。可视区域的判断:div元素距离网页顶部的高度...

  • 响应式前端开发-viewport

    viewport 是用户网页的可视区域,是设备的屏幕中能用来显示网页的那块区域,再进一步讲的话,它就是浏览器中用于...

  • Viewport

    什么是 Viewport? viewport 是用户网页的可视区域。viewport 翻译为中文可以叫做"视区"。...

  • 移动端页面开发

    视口 视口是移动设备上用来显示网页的区域,一般会比移动设备可视区域大,如果是为了显示整个为了为PC端设计的网页,那...

网友评论

    本文标题:缺少DOCTYPE导致网页可视区域变大

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