Javascript 使用图像标记中的宽度和高度值响应HTML图像
目前，我的网站是安装在其中的完整图像加载，然后自动调整大小，以适应屏幕。这是通过在CSS中将图像宽度设置为100%来实现的。虽然它确实工作得很好，但它似乎没有遵循标准，因为我没有在图像标记本身中指定宽度和高度 我现在的想法是创建同一网页的多个版本，其中唯一的区别是图像的大小。每个图像都有自己的文件名（如image1small.jpg、image1medium.jpg等） 问题是大多数人都想立刻看到更大的画面，但这不适合小屏幕的人，因为他们必须水平滚动才能看到整个画面 我在考虑将javascript放在顶部，将不符合屏幕标准的用户重定向到具有更好大小图像的页面。大概是这样的：Javascript 使用图像标记中的宽度和高度值响应HTML图像,javascript,html,size,screen-resolution,responsive-images,Javascript,Html,Size,Screen Resolution,Responsive Images,目前，我的网站是安装在其中的完整图像加载，然后自动调整大小，以适应屏幕。这是通过在CSS中将图像宽度设置为100%来实现的。虽然它确实工作得很好，但它似乎没有遵循标准，因为我没有在图像标记本身中指定宽度和高度 我现在的想法是创建同一网页的多个版本，其中唯一的区别是图像的大小。每个图像都有自己的文件名（如image1small.jpg、image1medium.jpg等） 问题是大多数人都想立刻看到更大的画面，但这不适合小屏幕的人，因为他们必须水平滚动才能看到整个画面 我在考虑将javascrip
<html>
<head>
<script>
if (screen.width < nnn){window.location.href="smallerpicture.htm";}
</script>
</head>
<body>
<p>some random text</p>
<img src="image.jpg" width=nnn height=yyy>
</body>
</html>
如果（screen.width
不管任何人给出的答案是什么，我觉得我需要为图像标签指定宽度和高度属性，我想坚持HTML 4.01严格标准，这样页面就可以为每个人工作。HTML 5标准的初稿是为每个人设计的——它基本上记录了“浏览器的实际功能”，而不是浏览器应该做的 指定宽度和高度属性的基本原理是，即使在加载图像之前，它也会保留页面上的空间，从而防止在加载图像时需要重新流动内容 选择指定属性，然后重定向页面，将导致比使用不带属性的%宽度更糟糕的重新渲染。所以我认为你的担心是没有根据的，因为你的药物比疾病更严重 需要为不同大小的图像提供服务器是响应图像的一个用例，因此您可以将其作为一个选项，而不是重新加载页面。有几种方法可以为您提供广泛的浏览器支持