#html #css
#HTML #css
Вопрос:
У меня есть следующий код, установленный для 2 разных изображений на моем сайте.
Логотип для мальчиков:
<img src="logo.png" width="100" height="100" alt="HTML tag" style="max-width: 100; max-height: 100;">
Логотип для девочек:
<img src="girlslogo.png" width="100" height="100" alt="HTML tag" style="max-width: 100; max-height: 100;">
Я установил для них обоих одинаковый размер, но логотип их девушек выглядит намного больше. Я загрузил его на свой сайт. Посмотрите на логотип для девочек здесь и логотип для мальчиков здесь. логотип находится в верхнем левом углу экрана. Я установил максимальную высоту и ширину для них обоих. Почему он не закрывает изображения?
Комментарии:
1. Я обычно не использую встроенный стиль, но я думаю, что вам все равно нужны единицы измерения ваших размеров, например
100px, или100%2. Есть ли на изображении мальчиков пространство вокруг логотипа в самом изображении?
3. @DBS Я пробовал оба. У меня был тот же результат
4. @j09691 Нет, это png, вокруг него нет места
5. Что ж, воссоздайте ресурс для логотипа, это самое простое решение
Ответ №1:
Посмотрите, вокруг вашего логотипа есть пробелы.
Ответ №2:
Изображение логотипа для мальчиков содержит пробелы вокруг него, поэтому оно выглядит меньше, чем логотип для девочек.
Вы можете убедиться в этом сами, выполнив приведенный ниже код или посмотрев на результат изображения, прикрепленный ниже.
Если вы хотите использовать тот же логотип без пробелов, вы можете извлечь передний план изображения с помощью этого веб-сайта, а затем загрузить его обратно в формате png, который теперь вы можете использовать в своем html.
<img src="https://acanhs.org/logo.png" style="border:2px solid black" width=100 height=100/>
<img src="https://acanhs.org/girlslogo.png" style="border:2px solid black" width=100 height=100/>