Высота и ширина в процентах

romero · May 21, 2008

Добрый день!

В общем, такой вопрос. Мне необходимо задать размер изображения в процентах(%) от настоящего - т.е., размер оригинального изображения - 100%, а на экране мне нужно отобразать - 75% - естественно, я делаю это с помошью параметра width="75%". Но при этом, изображение на экране искажается(появляются неровности всяческие). Может кто-то может подсказать как избежать этих неровностей, или уменьшить их?

И еще - почему я могу задать в процентах только параметр WIDTH="75%", но при указании в процентах параментра HEIGHT="75%" - он попросту игнорируется браузером - т.е. браузер понимает только параметр WIDTH(при указании в процентах). Подскажите - так и должно быть, или я что-то не так делаю?

Большое спасибо.

ARA · May 21, 2008

Но при этом, изображение на экране искажается(появляются неровности всяческие). Может кто-то может подсказать как избежать этих неровностей, или уменьшить их?

а чего собственно вы хотели, это вам не вектор!

Для каких целей нужно сжиммать картинку? я не понимаю, почему бы не сделать сразу нужных размеров, какой результат вы хотите получить?

И еще - почему я могу задать в процентах только параметр WIDTH="75%" ..

все зависит от DOCTYPE, и от прямых рук, полно способов рястянуть по высоте!

Задавая такие "не конкретные" вопросы, вы никогда не получите нормальный ответ! Напишите код, покажите. поможем!

В противном случае просто вам сюда, там точно ответ найдете! :/

romero · May 21, 2008

picture.jpg"width="75%"

polecat · May 21, 2008

ARA, жжешь про туда)

По поводу вопроса:

<?xml version="1.0" encoding="windows-1251"?><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Документ</title>
</head>
<body>
<img src="img/picture.jpg"width="75%">
</body>
</html>

1. xml тут нафиг в доктайпе ненужно. height у картинки не задан, что же вы хотите от браузера тогда)? Если уменьшать, путем задачи в процентах, то необходимо не только width указаывать, но height! Автоматических пропорций нет, т.e такого не будет, что если вы задали width, то height сам под него пропорционально подстроиться.

А вообще.. исходя из пункта 3 моего объяснения, имеют ли практический смысл вашы цели?

2.Зря кстати кодировку не задаете (в редакторе и в head необходимо задать одну и ту же)

3. Задавать ширину и высоту img'y в процентах имеет смысл только, если родительский объект имеет фиксированные размеры. В противном случае, если размеры родителя заранее неизвестны, кросс-клиентного пропорционального уменьшения вам не добиться никак.

Расмотрим на примере, когда родителем является тег body, равный по ширине и высоте полностью развернутому окну браузера.

Вот пример:

на моем мониторе и текущем разрешении может быть:

widht:70% = 700px;
height:70% = 500px;

На другом мониторе, более широком:

widht:70% = 1000px;
height:70% = 500px;

Sign In

Высота и ширина в процентах

Question

romero

Link to comment

Share on other sites

3 answers to this question

Recommended Posts

ARA

Link to comment

Share on other sites

romero

Link to comment

Share on other sites

polecat

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information