问题标签 [browser-width]

大多数浏览器统计数据都会向您显示屏幕的分辨率。

这对于浏览器通常全屏打开并且大多数人保持不变的 Windows 来说很好。因此，如果浏览器统计信息显示为 1024x768，您只需为浏览器 chrome 减去一点宽度。

但是，在 Mac 上，浏览器通常不会全屏打开。

mac浏览器打开时可能是什么宽度。

我正在考虑what-is-the-best-absolute-width-for-a-webpage推荐的 960 宽度。但是我想知道这对于mac来说是否同样好？

我不确定 Apple 上次生产 1280x768 笔记本电脑或屏幕是什么时候，所以这可能不是问题。我发现大多数关于屏幕分辨率的统计数据都没有显示实际可用宽度，这让我有点沮丧。

首先有一个吗？还是我必须使用javascript？我希望能够更改使用的 CSS，所以我可以为移动设备或其他设备加载更小的字体。

我环顾四周，还没有找到我正在寻找的东西，所以希望这个问题还没有在其他地方得到回答！

无论如何，有问题的布局可以在这里找到。我想要实现的是固定宽度的左列和流体宽度的内容区域。在大多数情况下，它工作得很好。但是，当内容扩展超出浏览器窗口的高度或宽度时，这些部分似乎不会像我想要的那样扩展。注意顶部的灰色条没有到达页面内容的右侧，并且左列的高度也没有到达页面内容的底部。

我是否认为这是因为通过 CSS 将某些东西设置为 100% 高度或 100% 宽度是静态的？即无论浏览器窗口的高度/宽度是什么，当调用 CSS 时，它都会被保存，就是这样？

如果是这种情况，也许我需要研究一些其他方法来设置元素的高度和宽度。有任何想法吗？另外，请注意页面中的虚拟内容现在是图像。我想模糊名称等以保持数据的私密性。

感谢您所有的帮助！！！

我有一个长图像，目前用作开发中网站的导航系统。你可以在这里看到它。这个导航系统最终将被分成更小的部分，但我想我很可能会看到我现在看到的相同问题。

图像的宽度为 1920 像素，其想法是，无论用户的浏览器窗口有多宽（最多 1920 像素），导航图像（分支）都将始终延伸到屏幕之外。导航系统中心的叶子应始终位于页面中心以匹配上面的徽标。

导航 DIV 当前具有以下 CSS：

主体的最小宽度为 900 像素。

这个设置有两个问题：

1. 正如您在访问页面时所看到的那样，浏览器页面的宽度是由导航系统的长图像的右边缘设置的，当我希望它设置为 100% 时，浏览器窗口的宽度大于 900px，当浏览器窗口宽度小于 900px 时为 900px（带有水平滚动条）。

2. 导航系统不考虑主体的最小宽度，即即使浏览器窗口的宽度小于 900 像素，它也会继续向左移动，而页面内容的其余部分则不会。

有人可以帮助解决这些问题吗？

谢谢，

缺口

我正在创建一个网站，我的所有产品图像都将根据浏览器窗口大小重新调整大小，因此我编写了一些媒体查询，其中我使用了一张大图像并以不同的窗口大小调整了它的大小，但我有一张我使用的图像背景，我如何重新调整它的大小？我希望在 IE7 和 8 中的所有浏览器中都支持它。

HTML

CSS

我的实时代码在这里：- http://jsfiddle.net/jamna/DdxbQ/19/这里我有一个主要的“产品图像”，现在根据浏览器窗口大小调整大小（在我的小提琴中，我没有为调整产品图像的大小，我现在只显示要调整的图像）但我有另一个“省钱标签”图像，它位于“跨度”的背景中，我想与产品图像同时调整大小。

我正在尝试获取浏览器的宽度和高度，并使用 jQuery 将两个不同的 DIV 附加到两个不同的位置。

DIV ONE 应该是绝对定位的，距离浏览器窗口左侧 40px 和距离底部 40px，而 DIV TWO 应该距离右侧 40px 和底部 40px，无论什么设备正在查看网页（因此必须在 iPad 上工作、iPhone 等）。

我在两个 div 中也有内容（图像、子 div 和文本），但我只是不知道如何处理这个问题，因为我对 jQuery 毫无用处。

谁能帮我解决这个问题？

用简单的英语来说，这是我所追求的 jQuery 功能：

我需要获取浏览器窗口的宽度和高度，然后获取.bannerdiv 的高度（高度是自动的）。如果.bannerdiv 的高度高于浏览器窗口的高度，则将.titlediv 和.socialdiv 附加到 body 中，否则在 div 中显示.titlediv 和 .social .bannerdiv。

然后我如何相应地设置两个 div 的样式（.title和.social）？

编辑： 这是我在 HTML 中的页面加载代码：

所以我正在运行媒体查询和这段代码：

但现在看来，这些与我的媒体查询不匹配。再加上某些手机不喜欢这些宽度，这意味着我的样式并不总是与我添加的 JS 样式相匹配。

有人有完整的方法来使用 JavaScript 或 jQuery 检测浏览器宽度吗？

我有这个很好用的 jquery 代码：

我需要所有浏览器/设备始终显示和阅读上述内容，但我还需要调整较小标题的高度（当前为 90 像素 - 在行下方 // 将固定 div 动画为小尺寸:) 仅适用于浏览器宽度介于 641 像素和 959 像素之间。对于那些浏览器宽度，我需要标题的高度为 120px，否则使用上面的代码。

有点像媒体查询，我希望它在调整浏览器大小时自行更新。

我该怎么做？

我想知道如何设置背景图像以保持其在此站点上的位置：http ://www.jylkkari.fi/wordpress/

当您将浏览器拖动到 960 像素以下时，侧边栏的背景开始向中心移动。

我发现这个 Javascript可以解决这个问题。

我仍在寻找 CSS 中是否有一种简单的方法可以在浏览器宽度超过 960 像素时保持图像居中并在低于此尺寸时保持固定？