你这样的写的话 不先赋值给thumbnail统一的高度的话恐怕页面会显得参差不齐而不是你想的4块模块平均撑开页面，还有你是把写进div你当背景，那就不需要js来处理这个问题。
<style>#thumbnailbox{position: absolute;left:0;top:0;width:100%;height:100%;}
#thumbnailbox a{width:50%;height:50%;display:block;position:absolute;left:0;top:0;}
#thumbnailbox abg1{background:url(/images/1jpg) 50% 50% no-repeat;}
#thumbnailbox abg2{left:50%;background:url(/images/2jpg) 50% 50% no-repeat;}
#thumbnailbox abg3{top:50%;background:url(/images/3jpg) 50% 50% no-repeat;}
#thumbnailbox abg4{left:50%;top:50%;background:url(/images/4jpg) 50% 50% no-repeat;}
</style>
<div id="thumbnailbox">
<a href="post_1html" title="缩略图1" class="thumbnail bg1"></a>
<a href="post_1html" title="缩略图1" class="thumbnail bg2"></a>
<a href="post_1html" title="缩略图1" class="thumbnail bg3"></a>
<a href="post_1html" title="缩略图1" class="thumbnail bg4"></a>
</div>
if(documentdocumentElement&&documentdocumentElementscrollTop)
{
scrollTop=documentdocumentElementscrollTop;
}
else if(documentbody)
{
scrollTop=documentbodyscrollTop;
}
if(scrollTop>50)
{
documentgetElementById('obj')styleopacity='0';
}
一般来说在移动浏览器上是拿不到屏幕真实分辨率的，因为页面渲染是在一个叫viewport的页面绘制区域内（说的通俗点就是手机浏览器是用一个虚拟的屏幕来显示网页的）。viewport和屏幕的真实尺寸并不是对应的，如在Safari Mobile中viewport默认宽度（320px）是屏幕真实尺寸（640px）的一半，这里不管是用windowinnerHeight还是windowscreenwidth拿到的都是320px。当然我们可以通过meta设置改变viewport的比例，如initial-scale=5就可以让viewport和屏幕一致的尺寸，但这个比例在不同的手机上并不一定是2倍关系，特别是Android手机，在大屏手机（5寸以上）上这个值是3倍甚至4倍。而且改变viewport比例后可能会导致后续制作中出现一系列问题。所以我认为不要纠结一定要拿到屏幕真实尺寸，就把viewport的尺寸当成屏幕的尺寸进行页面设计和制作肯定是没有问题的。
有一个非常曲线的解决办法，就是：css的媒体查询（@media）是能够检测屏幕尺寸（其实是浏览器窗体的真实尺寸，并不是屏幕的真实物理尺寸，介意的朋友就不要看了）的，通过它来给网页内的某个元素设置一个特殊的属性，然后再用JavaScript来获取这个属性值。当然这样只能获得一个阶梯值（比如480px到540px之间、540px到600px之间等等），不是精确值，所以可能得不偿失，因此我是不推荐的。
你好！！
你这是要修改样式的意思吧，是想通过javascript来控制样式么？
可以直接为元素设置style来达到你想要的效果。
//首先<div class="list_top">增加一个id标识，改为<div id="listTop" class="list_top">
<script>//在这里配置你的内容，对照你自己要的数值就好了
var config={
"_width":"960px",
"_height":"60px",
"_background":"#faa",
"_li_width":"",
"_li_height":"",
"_a_color":"yellow"
};
//初始化函数，将配置的数值，分别设置到元素中
function init(config){
var lstTop = documentgetElementById("listTop");
lstTopstylewidth = config["_width"]config["_width"]:lstTopstylewidth;
lstTopstyleheight= config["_height"]config["_height"]:lstTopstyleheight;
lstTopstylebackground= config["_background"]config["_background"]:lstTopstylebackground;
var hot = documentgetElementById("hottitle");
hotstylewidth = config["_width"]config["_width"]:hotstylewidth;
hotstyleheight= config["_height"]config["_height"]:hotstyleheight;
var ul = documentgetElementById("ulid");
ulstylewidth = config["_width"]config["_width"]:ulstylewidth;
ulstyleheight= config["_height"]config["_height"]:ulstyleheight;
var lis = ulgetElementsByTagName("li");
for(var i=0;i<lislength;i++){
lis[i]stylewidth = config["_li_width"]config["_li_width"]:lis[i]stylewidth;
lis[i]styleheight= config["_li_width"]config["_li_width"]:lis[i]styleheight;
var a = lis[i]getElementsByTagName("a");
a[0]stylecolor = config["_a_color"]config["_a_color"]:a[0]stylecolor;
}
}
windowonload = function(){
init(config);
}
</script>
javascript screen对象获取屏幕宽高如alert(screenheight)
availHeight 属性 -- 窗口可以使用的屏幕高度，单位像素
availWidth 属性 -- 窗口可以使用的屏幕宽度，单位像素
colorDepth 属性 -- 用户浏览器表示的颜色位数，通常为32位(每像素的位数)
pixelDepth 属性 -- 用户浏览器表示的颜色位数，通常为32位(每像素的位数)（IE不支持)
height 属性 -- 屏幕的高度，单位像素
width 属性 -- 屏幕的宽度，单位像素
div设置定位,宽度高度设为屏幕一般半即可，至于居中的话可以绝对定位
获取步骤如下所示。
1：可以使用定时器setInterval，每秒获取一次浏览器的宽和高。
2：使用jQuery可以这样获取window的宽高。
3：宽度 $(window)width() ，高度$(window)height()，自己写个函数，设定定时器的时间。
4：<body onresize="showSize()"> ，页面相关事onresize浏览器的窗口大小被改变时触发此事件。
js 怎样获取字型的宽度和高度 比如9pt这样大小的文字
字型的高宽，这个没法量的，因为好多字型，不同字元下大小不一样，比如 a 就是比 i 宽。
我猜你的问题应该是应该是获取一个具有特定字型，字号的字串的宽度和高度吧。
你可以新建一个span标签，隐藏标签，把你的字串放进去，赋上你想要的字型，字号。然后度量这个span的宽度和宽度就好了。这个span的宽高就是字串的宽高。
JS根据字号获取字型的宽度给元素然后取他的clientHeight就OK了
Java怎么获取字串的宽度和高度, java 能获取到文字所使用某种字型后的宽度及高度吗字串没有高和宽的概念，这是一个伪命题，请考虑重新修改问题；
如果你值的是在ui上显示字串的控制元件的高和宽，那么需要获取到这个控制元件的例项，然后呼叫控制元件的响应函式，比如getHeight之列的方法来获取你想要的资讯。
8开大小的纸的宽度和高度宽是555厘米/高是37厘米。绝对正确
190A喷码机怎样调字型的宽度，高度是金诺的190A吧，调字型的大小只要用滑鼠选中所要调节的字，再根据需要调节字型的大小即可，主要是要用滑鼠选好字了
火狐书签栏怎样改变宽度，高度以及字型的大小
不可以直接调节宽度，但可以把其他栏关闭来增加其宽度，
1、开启浏览器，
2、右键标签栏空白处，
3、出现以下选项，并把外挂栏和其他与其同一行的栏去勾选即可。
怎样获取UIWebView 的文字的高度#import"ViewControllerh"
@interfaceViewController()
@property(nonatomic,strong)UIWebViewwebView;
@end
@implementationViewController
- (void)viewDidLoad {
[superviewDidLoad];
_webView= [[UIWebViewalloc]initWithFrame:CGRectMake(0,0,selfviewframesizewidth,1)]; 1随便多少,不能为0
_webViewdelegate=self;
[selfviewaddSubview:_webView];
_webViewscalesPageToFit=YES;
NSURLRequestrequest =[NSURLRequestrequestWithURL:[NSURLURLWithString:@":1921681123:3199/5/Html5Article/ArticleDetailaid=7e15de0a-20be-11e6-a7ad-78e3b5a9d432"]];
[_webViewloadRequest:request];
}
- (void)webViewDidFinishLoad:(UIWebView)webView{
CGFloatsizeHeight = [[webViewstringByEvaluatingJavaScriptFromString:@"documentbodyoffsetHeight;"]floatValue];
NSLog(@"contentWebView sizeHeight====%f",sizeHeight 05); 05自认为是画素的问题
1039pt=多少大小的字型1pt=03514（美国，日本）
1pt=03528（美国）
103903514=365
3654=146Q
15Q就可以了
textview中每个文字的高度和宽度，有办法获取吗webviewgetContentHeight(); 获取内容高度 获取内容宽度的话。。除非通过js伺服器那边返回，，
以上就是关于JS能否获取动态class的宽度并赋值给高度，目的是实现响应式正方形，附HTML和CSS全部的内容，包括:JS能否获取动态class的宽度并赋值给高度，目的是实现响应式正方形，附HTML和CSS、js获取滚动条距离浏览器顶部高度高度，改变导航css、用javascript 怎样才能很好的获取手机的屏幕宽度和高度等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）