我尝试创建一个可变宽度的网站，但我的图像有问题。我希望网站在更宽的显示器上拥有更大的图像和字体，而对于普通显示器则更小。我想到的解决方案是使用百分比，但是图像（对于按钮，背景和标题）在调整大小时看起来很糟糕。是否有另一种解决方案可以根据浏览器宽度调整图像和内容的大小？
谢谢
答案 0 :(得分：0)
您可能需要混合使用JavaScript和CSS;使用JavaScript来确定屏幕的尺寸，并使用它来计算重新调整尺寸的比例，并更改对象的CSS属性。
在执行样式表时，您可能还希望在em中使用尺寸而不是像素。
调整图像大小时，还必须记住宽高比，因此不能只对宽度和高度应用百分比值。
答案 1 :(得分：0)
要做的第一件事是检查您是否真的需要这些图像。我没见过它们，所以我认为你需要它们。
但你实际上并不需要任何javascript来做到这一点。
根据您的目标受众以及构建网站的时间，您可以尝试使用CSS媒体查询来确定用户显示的宽度。 （您可以在此处了解更多信息：http://www.alistapart.com/articles/responsive-web-design/） 您可以使用简单的CSS条件语句检查目标显示分辨率。如果您知道哪种显示类型在您的潜在客户中最受欢迎，您可以为不同的用户准备3-4种不同尺寸的图像。
通过这种方式，您可以根据不同的用户分辨率提供不同尺寸的图像。
但首先要100％你需要图像，你可以用CSS实现同样的效果。