Tag: 宽度

将div的高度设置为宽度的一半: 当宽度根据用户屏幕大小改变时，如何将div的高度设置为宽度的一半？我在div上有以下内容…… #div1 { min-width:400px; width:100%; max-width:1200px; height:400px; background-color:red; } 宽度在此工作正常，如果屏幕太窄则锁定在400像素，如果屏幕太大，它也会在1200像素处停止扩展。但是，我也希望高度可以改变为任何给定时间宽度的一半。就像是… #div1 { min-width:400px; width:100%; max-width:1200px; height:width/2; background-color:red; } 这没效果（我真的没想到）。如果可能的话，我更喜欢使用CSS，但是如果用户手动调整互联网窗口的大小（就像当前的宽度那样），我也希望改变高度。我不确定CSS是否可行，但是，如果有一种方法可以通过Jquery实现这一点，我也很乐意使用它。以上jsFiddle以供参考。谁能帮我？

CSS：当显示设置为none时没有DIV宽度: 我正在制作一个下拉小部件的过程。向下扩展的菜单设置为与父级相同的宽度（使用jQuery）。窗口小部件按预期工作，但是，将它放在DIV容器中，初始显示设置为无。显示此容器时，根据jQuery的所有下拉宽度都为零…如果默认显示容器，则所有容器都有效。希望我的小提琴能够更好地说明我的意思： http ： //jsfiddle.net/ruFzR/在结果窗格中; 顶部下拉列表位于容器外部，底部位于容器内部。除了一些明显的样式问题，宽度不会扩大。

jquery中的图像原始宽度: 使用jQuery，我可以在点击时更改图像的src $(“#thumb li img”).click(function() { var newlinkimage = $(this).attr(“src”); newlinkimage = newlinkimage.substring(14,17); $(“#avant img”).attr(“src”, ‘retouche-hr’ + newlinkimage + ‘-a.jpg’); $(“#apres img”).attr(“src”, ‘retouche-hr’ +newlinkimage + ‘-b.jpg’); 问题是，新图像宽度与旧图像宽度不同。我如何获得新图像的NATIVE宽度（就像在Dreamweaver中获得该图像的小箭头一样）

使用jquery获取图像宽度和高度: 我有一个非常简单的代码，烦人的工作和我的生活，我不明白为什么它现在失败： function imageSize(img){ var theImage = new Image(); theImage.src = img.attr(‘src’); var imgwidth = theImage.width; var imgheight = theImage.height; alert(imgwidth+’-‘+imgheight); } 传递的“img”变量是img对象，它来自： jQuery(‘img’) .each(function(){ var imgsrc = jQuery(this); imageSize(imgsrc); });

fancybox图像上的自定义宽度和高度: 我想知道在fancybox图像上设置自定义宽度和高度是否可行？作为标准，fancybox的宽度和高度相对于图像的宽度和高度而变化，但我希望在所有图像中都是800宽度和600高度。我想在Facebook上创建一个熟悉的图像框，在左边看图像，在右边看到描述和注释。如果有人可以帮助我，这可能会很棒…… 🙂 TheYaXxE

如何使用更少的代码计算元素的宽度和高度及其填充/边距值？: 我正在使用height（） / width（）方法但它的返回值没有它的填充和边距值。我没有问题用/高度值计算总数。这种方式有效，但我的问题是; 它太长了，无法计算所有这些。有没有办法用更少的代码计算这些没有错误？这是jsFiddle的例子。 jQuery的： var ele = $(‘div’); var eleW = ele.width(); var eleH = ele.height(); alert(eleW);//returning 200 alert(eleH);//returning 100 var eleMR = parseInt(ele.css(‘margin-right’)); var eleML = parseInt(ele.css(‘margin-left’)); var eleMT = parseInt(ele.css(‘margin-top’)); var eleMB = parseInt(ele.css(‘margin-bottom’)); var elePR = parseInt(ele.css(‘padding-right’)); var elePL = parseInt(ele.css(‘padding-left’)); var elePT = parseInt(ele.css(‘padding-top’)); var elePB […]

如何在jquery中获取元素的innerWidth而不使用滚动条: 给定一个包含滚动条的div（例如溢出的b / c：auto），如何获得元素的准确innerWidth？在我的例子中： http ： //jsfiddle.net/forgetcolor/2J7NJ/ width和innerWidth报告相同的宽度。我想要的数字应该少于100。 HTML： CSS： #box1 { width:100px; height:100px; overflow:auto; } #box2 { width:200px; height:200px; background-color:#aaa; } 使用Javascript： $(‘#w’).text(“width is: “+$(‘#box1’).width()); $(‘#iw’).text(“inner width is: “+$(‘#box1′).innerWidth()); 更新：当box2 div包含一个大图像时（因此需要一秒钟加载），我需要这个工作。这是一个例子，集成了以下解决方案之一（Lukx’），这不起作用： http ： //jsfiddle.net/forgetcolor/rZSCg/1/ 。任何想法如何让它在计算宽度之前等待图像加载？

将css width string转换为常规数字: 在尝试计算隐藏元素的宽度时，我发现jquery.width（）为该元素的宽度返回0。我发现使用jquery.css（’width’）会通过使用声明的样式宽度返回正确的宽度（即使该值与初始样式表不同）。问题是css（’width’）方法返回一个字符串，通常是“100px”方式。我的问题解决了：如何从“100px”字符串中检索数字？有一个简单的方法吗？

如何根据屏幕宽度更改图像路径？: 我正在尝试根据窗口宽度更改从中读取图像的文件夹。我有两个文件夹，包含不同的图像大小，我想知道是否有人可以给我任何建议，如何根据屏幕宽度更改路径。如果屏幕是常规的，会是这样的如果屏幕处于平板电脑宽度，则会加载 310X205 image1.jpg image2.jpg 620X410 image1.jpg image2.jpg

如何让CSS mediaqueries与jQuery $（window）.innerWidth（）一起使用？: 我正在尝试让jQuery处理菜单，而CSS在调整浏览器大小时会对窗口背景做些什么。所以jQuery做了这样的事情： if ( $(window).innerWidth() < mediaQueries['small']) { // (where 'small' would be 966) // Perform jQuery stuff on a menu ul } CSS有这样的东西： @media all and (max-width: 966px) { body { background: url(smallback.jpg) no-repeat 0 0; } } 当使用Firefox时，有一个17像素（似乎是垂直滚动条宽度）的间隙，其中已经处理了jQuery的东西，但CSS却没有。由于其他浏览器可能会为其滚动条使用不同的宽度，因此只需在CSS中添加17px就无法解决问题。那么如何让jQuery考虑滚动条呢？ $(window).innerWidth()似乎对我没那么做。任何帮助将不胜感激。在Firefox，Opera或IE中打开此页面以查找问题的隔离版本。（Chrome和Safari不会遇到这个问题。因此：Webkit：+ 1，Gecko：-1，Trident：-1，Presto：-1。）