Я использую CSS, чтобы убедиться, что изображения не больше, чем родительский, чтобы обеспечить отзывчивость и все выглядит хорошо.
но я просто добавил изображение. но он показывает изображение отверстия внутри области масштабирования вместо просто изображения мусора
Я знаю, если удалять максимальную ширину: 100% в теге img работает хорошо, но остальная часть сайта не
мой css
img {
/* Responsive images (ensure images don't scale beyond their parents) */
max-width: 100%;
/* Part 1: Set a maxium relative to the parent */
width: auto\9;
/* IE7-8 need help adjusting responsive images */
height: auto;
/* Part 2: Scale the height according to the width, otherwise you get stretching */
vertical-align: middle;
border: 0;
-ms-interpolation-mode: bicubic;
}
я просто хочу игнорировать это, когда я назвал его с определенного изображения или JavaScript
Вы должны просто сделать это, чтобы переопределить его:
#IDofSomeImage{
max-width: none;
}
Это работает из-за правил специфики CSS. Пока это правило более конкретное, чем другое, оно будет иметь приоритет.