Html 可变宽度网站
我试图创建一个可变宽度的网站，但我有一个图像的问题。我希望该网站有更大的图像和更宽的显示器字体，并为正常的更小。我考虑的解决方案是使用百分比，但是图像（用于按钮、背景和标题）在调整大小时看起来有点糟糕。是否有另一种根据浏览器宽度调整图像和内容大小的解决方案Html 可变宽度网站,html,image,autoresize,Html,Image,Autoresize,我试图创建一个可变宽度的网站，但我有一个图像的问题。我希望该网站有更大的图像和更宽的显示器字体，并为正常的更小。我考虑的解决方案是使用百分比，但是图像（用于按钮、背景和标题）在调整大小时看起来有点糟糕。是否有另一种根据浏览器宽度调整图像和内容大小的解决方案 谢谢您可能需要混合使用JavaScript和CSS；使用JavaScript确定屏幕的尺寸，并使用它计算重新调整大小的比率，以及更改对象的CSS属性 在制作样式表时，您可能还希望使用em大小而不是像素 调整图像大小时，还必须记住纵横比，因此不
谢谢您可能需要混合使用JavaScript和CSS；使用JavaScript确定屏幕的尺寸，并使用它计算重新调整大小的比率，以及更改对象的CSS属性 在制作样式表时，您可能还希望使用em大小而不是像素
调整图像大小时，还必须记住纵横比，因此不能仅对宽度和高度应用百分比值 首先要做的是检查您是否真的需要这些图像。我没见过，所以我想你很需要 但实际上，您不需要任何javascript来实现这一点 根据目标受众和构建网站的时间，您可以尝试使用CSS媒体查询来确定用户显示的宽度。（您可以在此处了解更多信息：） 您可以使用简单的CSS条件语句检查目标显示分辨率。如果你知道哪种类型的显示器在你的潜在客人中最受欢迎，你可以为不同的用户准备3-4套不同大小的图像 通过这种方式，您可以将不同大小的图像提供给不同的用户分辨率
但是，首先，你需要100%的图像，你可以用CSS实现同样的效果。我不确定我是否理解你的问题。显然，缩放图像会使图像看起来不好，那么您想怎么做？如果您试图通过更改
高度和宽度值来调整图像大小，模糊和像素化可能是您所能期望的最佳效果。一般来说，图像的大小不适合屏幕大小。我不明白你说的纵横比。当宽度和高度乘以相同的百分比时，它怎么会不保持不变呢？嗯，我想我很累了，可能在想别的事情，你说得对。我每个按钮都有图标，所以我不知道如何使用css实现同样的效果。谢谢你的回复，我一开始会尝试这个解决方案，但我的想法是让网站完全可以调整大小。然后我想你需要javascript+服务器端图像大小调整。我不是一个合适的程序员，但我想我会寻找一个Javascript解决方案，它可以嗅探用户显示维度，发送维度参数，并通过一些AJAX查询调用图像重新加载。我不知道有哪个像样的图像大小调整解决方案足够快，而且不是服务器端的。