根据屏幕宽度改变div的宽度js函数怎么写?

如题：根据屏幕宽度改变div的宽度js函数怎么写?求求求，这个怎么写昂

写回答
赞踩
关注问题
收藏
分享
邀请回答

1条回答默认最新

CSDN专家-sinjack 2021-06-26 18:26

已采纳

可以获取屏幕的宽度的。

如有帮助，请点击我回答右上角【采纳】按钮。

var winWidth = document.body.scrollWidth - 12; // 取窗口宽度
var winHeight = document.body.scrollHeight - 24; // 取窗口高度
if (winHeight <= 0) winHeight = 640; // 初始高度并不总能取出，设默认值
var myDiv = document.createElement('div'); // 动态创建 div
myDiv.style.width = winWidth + 'px'; // 设置宽度
myDiv.style.height = winHeight + 'px'; // 设置高度

已采纳该答案

赞踩打赏评论

报告相同问题？

提交关注问题

相关推荐更多相似问题

根据屏幕宽度改变div的宽度js函数怎么写? css html5 javascript 有问必答
2021-06-26 18:23

回答 1 已采纳可以获取屏幕的宽度的。如有帮助，请点击我回答右上角【采纳】按钮。 var winWidth = document.body.scrollWidth - 12; // 取窗口宽度 var win
页面改变div宽度不生效 html5 javascript
2021-06-08 09:14

回答 2 已采纳测试后发现是easyui标签影响到了，把这一块注释后切换正常，可以为什么会影响到呢？
我怎么能用PHP动态改变html div的宽度？ [关闭] css html php
2013-08-26 08:32

回答 3 已采纳 I'm going to assume you are using a database like MySQL. I'm also going to assume that your your d
div中文字根据容器宽度自适应调整大小，通过js函数实现
2021-08-30 14:23

小曾不会写代码的博客在开发过程中，碰到这样一个需求：在某个价格框内文字在不超过div宽度的情况下，自适应调节自身字体大小。通过查询资料，css3中貌似不存在某个属性可以让文字根据宽度自适应调节字体大小，固需要通过js控制...
获取页面、屏幕、div宽度
2016-07-22 10:36

rongchengqingnian的博客使用原生方法 1 document.getElementById("d1").style.width; 这种只能获取到行内内联样式...div id="d1" class="d1" style="width:100px" onClick="dd()">qooodiv> 那么doc
JavaScript中获取高度和宽度函数总结
2021-01-19 20:12

这是父元素，屏幕分辨率是1366*768 <div class=”son” id=”son”> 这是子元素，祝大家国庆快乐 <div class=”grandson” id=”grandson”> 这是孙子元素，祝大家国庆快乐我的博客:www.jb51
如何在点击一个<div>时去执行一个javascript里的函数？ javascript
2018-05-18 10:43

回答 9 已采纳被action给干扰了
div 固定宽度高度根据文字多少自动缩放字体 css javascript vue.js
2021-10-22 14:37

回答 1 已采纳 transform: scale(num);
javascript 宽度的问题，不固定写定DIV宽度。 javascript
2018-10-11 11:03

回答 1 已采纳 li不用定百分比宽度，计算总li宽度，定百分比就会依据容器来得到i的宽度了 ``` 文字1 文字2 文字3
如何让js在浏览器宽度改变的时候执行一个函数？浏览器宽度变化
2014-06-22 14:29

CGGAO的博客如何让js在浏览器宽度改变的时候执行一个函数？ http://zhidao.baidu.com/link?url=sUCp1-aIiZ_eZ0mZM4j3CcSn8GprjhZTd3qQl0xjYC-lEkCtjqBDNuGis7ivw1Fr66OOi4TQPsp3zbSXbULtNK <html> <head> <...
通过js获取到屏幕高度，借助屏幕高度设置div的高度
2018-03-29 16:53

huakaimandizss的博客 <div id="test" style=" border: solid 1px #f00; ">&.../div&...text/javascript"... function autoDivSize(){ //函数：获取尺寸 // 获取窗口宽度 if (window..
简单用js去适配移动端的屏幕宽度
2018-09-03 19:47

肥仔仔仔的博客 // 获取当前屏幕的宽度 var screenWidth = document.querySelector( 'html' ).offsetWidth; // 基础值 var baseSz = 100 ; // 设计稿的宽度 var pageWidth = 640 ; // 套用公式 var fZ ...
怎么在<div>里调用js函数
2016-07-18 16:49

回答 3 已采纳按照你上面的写法是在div里面放入span ,在span中显示日期你可以给每个span定义ID,然后通过ID给span赋值进去 document.getElementById("spanID"
左边div宽度不固定的情况下，右边input宽度怎么做到自适应？ css html5
2020-07-30 10:22

回答 3 已采纳如果说你只是要图片的效果的话，不需要宽度自适应也可以实现，想要宽度自适应纯css是没有办法实现的，需要加入js。
页面打开时，怎样改变div的宽度？ jquery
2010-08-08 10:43

回答 2 已采纳把你这段js 放在和面！即页面最下面！试试
vue中实现拖动调整左右两侧div的宽度
2021-05-08 17:33

小咸肉、的博客最近在使用vue的时候，遇到一个需求，实现左右div可通过中间部分拖拽调整宽度，类似于这样一、HTML代码 <templete> <div class="box" ref="box"> <div class="left"> <!--左侧div内容-...
js中动态获取页面的高度和宽度的方法总结
2018-10-17 10:38

世润的博客 javascript,jquery获取网页的高度和宽度： javascript: 可视区域宽：document.documentElement.clientWidth(width+padding) 可视区域高：document.documentElement.clientHeight(height+padding) 同时也可以使用...
网页多栏布局&可拖动改变每一栏宽度
2019-08-28 17:40

@带甜味的盐@的博客拖动改变每一栏的宽度网页多栏布局是一个非常常见的布局方式，实现网页多栏布局的方式有很多种，但是要把分成多栏的网页变成点击某一栏可以拖拽改变宽度的那又是另一个麻烦事。接下来我就给大家说一下我的一个...
DIV内的按钮修改DIV宽度或者DIV怎样左右收缩 css html5
2013-09-12 03:51

回答 1 已采纳使用jquery, 两个div是需要浮动的, 否则你改变大的div宽度小于内层的div可能有点问题 function show(){ if ($("#line-div").css("di
js实现div动态改变大小
2016-02-03 16:54

bei_fang_du_lang的博客 //设置div的具体宽度=窗口的宽度的% if (document.getElementById("middle")) { document.getElementById("middle").style.height = winHeight + "px"; } } findDimensions(); window.onresize = ...
没有解决我的问题, 去提问

码龄粉丝数影响力 0

这里是Neko啊

根据屏幕宽度改变div的宽度js函数怎么写?

1条回答默认最新

码龄粉丝数影响力 0

相关推荐更多相似问题

这里是Neko啊

根据屏幕宽度改变div的宽度js函数怎么写?

1条回答 默认 最新

相关推荐 更多相似问题

1条回答默认最新

相关推荐更多相似问题