div css样式宽度设成百分比怎么在浏览器中获得它的像素值?

如题所述

function $(id){
return document.getElementById(id)
}
function getWidth() {
alert($("ID").offsetWidth + "px");
}
window.onload = function() {
getWidth();
}

 

这样就可以获得id为"ID"的元素的宽度值了,这个值是像素值来的,即使你设置百分比,它也是返回一个像素值~

温馨提示:内容为网友见解,仅供参考
第1个回答  2013-04-07
用你屏幕大小乘以百分比就是宽度的像素值
第2个回答  2013-04-07
这个要看浏览器的分辨率了。不同的分辨率象素也是不一样的
第3个回答  推荐于2017-11-28
如果宽度不固定,但可以自动伸缩,那么你PS的设计是必要的规模约1000设计,同时也考虑到了拉伸效果后的分辨率或更大的窗口;布局时,一排多个内容块并排,那么你可以设置宽度的方式考虑2种
1,每块大小1000px的按照百分比

2座,固定宽度,留下了块自动伸展

一行块不必担心,一般舒展影响不大

最容易出错的宽度太小,导致脱位或变形的多个块面线,这个时候你需要对身体侧设置的最小宽度,如1000px的,滚动条会自动出现下降到1000px的分辨率或浏览器时,这个页面会不会是错误的

这里是设置的最小宽度样式:

所有的浏览器都支持的min-width CSS样式代码完成:

的min-width:1000px的; _width:表达式((document.documentElement.clientWidth | | document.body.clientWidth)> 1000?“1000px的”: “”);
1000和1000px的是你需要的值,要注意三个值。本回答被网友采纳
第4个回答  2013-04-07
楼 上 正 解

div css样式宽度设成百分比怎么在浏览器中获得它的像素值?
function $(id){return document.getElementById(id)}function getWidth() {alert($("ID").offsetWidth + "px");}window.onload = function() {getWidth();} 这样就可以获得id为"ID"的元素的宽度值了,这个值是像素值来的,即使你设置百分比,它也是返回一个像素值~...

css已设置width100% 为什么宽度没有占满浏览器?
1、新建html文档,在body标签中添加一个div标签,然后为这个div设置一些样式:2、用浏览器打开编辑好的html文档,这时可以从浏览器中发现浏览器四周留有一些白色空隙:3、在style标签中为“*”添加“margin: 0;padding: 0;”样式,“*”表示所有元素,“margin”和“padding”表示外边距和内边距:4、...

div+css如何用百分比??
用绝对定位吧,给父DIV设置相对定位。如果要图片按照百分比来缩放显示的话,还是用img标签加上z-index属性,把宽度和高度设置为百分比,background属性虽然支持平铺但是伸缩性还是不好 热心网友| 发布于2013-08-12 举报| 评论 0 1 我不建议用百分比,你可以对最外面的div用padding值图片在IE中是显叉,一般是你的...

...但网页里的table里宽度又怎么设置了?table宽度不会随着屏幕变化而变...
1、首先,打开html编辑器,新建html文件,例如:index.html。2、在index.html中的<style>标签中,输入css代码:table {width: 70%}。3、浏览器运行index.html页面,此时无论网页大小如何变化,table总能占用网页70%的宽度,可以实现随着屏幕变化而变化。

如何使div的位置随浏览器窗口缩放大小比例变化???
要使元素的位置随着浏览器窗口的缩放大小比例变化,你可以使用 CSS 中的相对定位和百分比单位来实现。以下是一种常见的方法:HTML:CSS:.my-div { position: relative;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 50%;height: 50%;background-color: #f0f0f0;} 在上面的...

css+div定位,缩小浏览器的窗口,页面就乱了
宽度就不能设为百分比(否则的话窗口缩小后它就按缩小后的窗口宽度来计算百分比了),而应该设为绝对值,比如通常都是设为990px的(如淘宝的详情页)。此外还可以把百分比与绝对值相结合来使用,比如:{width:90%; min-width:990px} 意思就是说:宽度按窗口的90%来算,但最小不能小于990像素 ...

css div 长宽 样式用百分百好点 还是rem 或者px 或者em
百分比可以让div的长宽根据浏览器窗体的尺寸变化而自动变化,始终与窗体(或父元素)的尺寸保持一定的比例;px则是让div的长宽保持固定的值(像素),不管窗体或父元素如何变化尺寸,都保持固定的大小;em和rem则是根据字体的大小来设定div的长宽,1em等于当前元素的字体的宽度(具体来说是英文大写字母M的...

网页宽度跟随电脑屏幕分辨率自动适应,那么它里面的div能不能设置...
1.我们首先设置一个DIV盒子CSS命名为“.abc”,设置其高度为300px,css边框为黑色;以及设置margin:0 auto布局居中。预先设置这两个样式是为了便于观察。2.我们通过手动拖拽浏览器显示宽度,然后观察此盒子宽度变化情况,当浏览器宽度调节到宽度不大于500px时,对应此盒子宽度显示100px;调节浏览器宽度不...

css中div的高度是用百分比设置的,怎样让div内的元素垂直居中?
css:.something-semantic { display: table;width: 100%;} .something-else-semantic { display: table-cell;text-align: center;vertical-align: middle;} 方法三,终极解决方法:以上2中方法可能都有其局限性,我介绍的第三中方法是比较成熟的不是固定高宽div的垂直居中的方法!但是方法是css3的写法...

css中的div如何自动适应浏览器大小?
网页自适应浏览器大小:首先要在头部,即<head><\/head>标签内写自适应代码,如下:<meta name="viewport" content="width=device-width,initial-scale=1.0" \/> 其次,网页内部的元素宽度要使用百分比,在不同的屏幕大小下需使用媒体查询定义不同的css代码,例如:media screen and (max-width:640px...

相似回答