Когда отображается следующее, параметр высоты изображения (img) не учитывается.Однако, если я изменяю ширину в терминах%, например, 80%, она изменяет размеры и соотношение сторон остается неизменным.Если я упомяну высоту с точки зрения px, это работает.Проблемы возникают только для высоты в% и во всех браузерах.
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
</head>
<body>
<img src="image.jpg" alt="Image" border="0" height="15%" width="100%" />
</body>
</html>
Если мы удалим «http://www.w3.org/TR/html4/loose.dtd" из doctype, как показано ниже,% работает для высоты, но любые отступы для изображения не будут учитываться в IE, но работают нормально в остальных браузерах.
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
</head>
<body>
<img src="image.jpg" alt="Image" border="0" height="15%" width="100%" />
</body>
</html>
Я пытался использовать API YUI 3 для сброса CSS. Хотя он удаляет все отступы по умолчанию для браузеров, он не решает мою проблему. Любой доступный обходной путь? Спасибо.