HTML如何获取浏览器的宽度?

发布网友 发布时间：2022-04-30 15:11

我来回答

共5个回答

懂视网 时间：2022-05-12 15:05

这篇文章给大家介绍的内容是关于html实现获取浏览器滚动距离（纯代码），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。

/**
 * 获取浏览器滚动距离
 */
 function getScrollOffset() {
 if (window.pageXOffset) {
  return {
  x: window.pageXOffset,
  y: window.pageYOffset
  }
 } else {
  return {
  x: document.body.scrollLeft + document.documentElement.scrollLeft,
  y: document.body.scrollTop + document.documentElement.scrollTop
  }
 }
 }
 console.log(getScrollOffset());

相关文章推荐：

html实现图片预加载的分析（附代码）

HTML中弹性布局（Flex）的介绍（附代码）

热心网友 时间：2022-05-12 12:13

目前来讲html不具备获取浏览器宽度的能力。可以采用js的方式来获取，具体示例JS代码如下：

// 获取窗口宽度
if (window.innerWidth)
winWidth = window.innerWidth;
else if ((document.body) && (document.body.clientWidth))
winWidth = document.body.clientWidth;
// 获取窗口高度
if (window.innerHeight)
winHeight = window.innerHeight;
else if ((document.body) && (document.body.clientHeight))
winHeight = document.body.clientHeight;
// 通过深入 Document 内部对 body 进行检测，获取窗口大小
if (document.documentElement && document.documentElement.clientHeight && document.documentElement.clientWidth)
{
winHeight = document.documentElement.clientHeight;
winWidth = document.documentElement.clientWidth;
}

热心网友 时间：2022-05-12 13:31

可以用javascript来获取！
屏幕分辨率的高：window.screen.height
屏幕分辨率的宽：window.screen.width
屏幕可用工作区高度：window.screen.availHeight
屏幕可用工作区宽度：window.screen.availWidth
屏幕设置 window.screen.colorDepth 位彩色
屏幕设置 window.screen.deviceXDPI 像素/英寸追问楼上的朋友回答的很对，这个我也知道啊，可是如何把javascript放到
style="“里面是个问题啊，我就是不会这一关，请赐教！

追答这个 用js 来操作dom
document.getElementById( id ).style.属性名 = 值;
document.getElementById( id ) 用于获取标签对应的 DOM 对象，你也可以用其它方法获取。style 是 DOM 对象的一个属性，它本身也是一个对象。属性名 是 Style 对象的属性名，它和某个CSS属性是相对应的。
给你要设置的标签 设上一个id 就可以通过ById 来操作它！

热心网友 时间：2022-05-12 15:06

为什么不能设置宽度100% 呢？？

热心网友 时间：2022-05-12 16:57

width:auto;