admin管理员组

文章数量:1570368

根据屏幕大小动态确定盒子大小（自适应屏幕）

    • 功能描述
    • 知识摘记
    • 代码展示

功能描述

大小自适应屏幕，效果见下图

知识摘记

屏幕对象 screen

  • 屏幕对象主要包含了计算机屏幕的尺寸及颜色信息
  • 这些信息只能读取，不可以设置
  • 属性：
    • height 返回显示器屏的高度
    • width 返回显示器屏的宽度
    • availHeight 返回显示器屏的宽度，除Windows任务栏之外
    • availWidth 返回显示器屏的宽度，除Windows任务栏之外
元素.style.width = screen.availWidth*比例+"px";

代码展示

<!DOCTYPE html>
<html>
<head>
	<title></title>
	<style type=

本文标签： 屏幕大小自适应盒子动态

版权声明：本文标题：根据屏幕大小动态确定盒子大小，自适应屏幕 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://www.elefans.com/dongtai/1727668647a1124920.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。