Как определить размер изображения, представляющего собой переменную php, которая вызывается для таблицы html

Question

Я пытаюсь получить изображения из базы данных в таблицу html в виде переменной php:

<img src=img/$image&w=100&h=150>

изображение не отображается, но все остальное в таблице, относящейся к продукту показывает

Если я изменяю код, добавляя пробел после переменной:

<img src=img/$image &w=100&h=150>

Изображения показывают, но они очень большие.

Как получить $ image для показать в таблице w = 100 и h = 150?

Спасибо !!

Answer 1

ОК, я понял:

КОД:

<img src='img/$image' class='scale-down' style='width:100px;height:150px'>

CSS:

  .scale-down {
    object-fit: scale-down;
    }

Answer 2

Если приведенный ниже код по какой-то причине не работает, убедитесь, что вы связали свой файл CSS.

КОД:

<img src='img/$image' class='scale-down'> <!-- Removed style attribute --!>

CSS:

  .scale-down {
    width:100px;
    height:150px;
    }

Еще один интересный момент: если вы хотите подобрать объект, то вы можете. Это означает, что у вас будут изображения, содержащиеся в размере элементов, в которые вы их вставляете. Следовательно, вы должны определить ширину и высоту элемента, который содержит изображения, а затем вы можете сделать то же, что и вы: В этом примере я написал td но я не знаю, какой элемент содержит ваши изображения, поэтому обязательно измените его, если он другой.

td {
width:100px;
height:150px;
}

.scale-down {
object-fit: scale-down;
}

Если ваша цель - изучить веб-разработку, то вам также следует подумать о клиенте, как справедливо указывает Кербхольц:

Возможно. Уменьшение изображения с помощью CSS / стиля не является эффективным решением, хотя клиентам все равно нужно будет передавать, например, изображение 1920x1080, только чтобы уменьшить его до 100x150. Тем не мение. - kerbholz

Обратите внимание, что на многие вопросы о веб-разработке уже даны ответы здесь и в Интернете. Удачи!

Ниже приведены ссылки на CSS, эти сайты имеют гораздо больше, чем просто CSS. MDN действительно полезен, если вы хотите узнать больше: https://developer.mozilla.org/en-US/docs/Glossary/CSS W3 также полезен, но они не всегда приносят пользу: https://www.w3schools.com/w3css/