Как в bootstrap отображать на сайте реальный размер картинок?

Question

Дмитрий Вяткин @dim137

python, django, linux

Как в bootstrap отображать на сайте реальный размер картинок?

Если у меня файл с картинкой размером 200х200, то в теге <img src="img">он отображается 179х179 как изменить это положение вещей?

Вопрос задан более трёх лет назад
212 просмотров

Комментировать

Подписаться 1 Оценить Комментировать

Помогут разобраться в теме Все курсы

Яндекс Практикум

Профессиональная вёрстка на HTML и CSS

3 месяца

Далее
Stepik

Основы HTML и CSS

2 недели

Далее
OTUS

HTML/CSS

3 месяца

Далее

Решения вопроса 1

11 комментариев

Дмитрий Вяткин @dim137 Автор вопроса

Подскажите как переопределить?

Написано более трёх лет назад
Максим Тимофеев @webinar

А Вы код дайте. Я же не оракул.

Написано более трёх лет назад
Дмитрий Вяткин @dim137 Автор вопроса

просто тег img в теге body

Написано более трёх лет назад
VANY @vanyproduction

Дмитрий Вяткин: 1) у вас реальный размер изображения такой.
2) в разделе Settings => Media у вас стоит такой размер на "размер", который вы пытаетесь вызвать.

Написано более трёх лет назад
VANY @vanyproduction

Дмитрий Вяткин: а, ну да - у вас может банально размер картинки ограничивать какой-либо из контейнеров (как уже выше сказали), и это решается только инспектором браузера.

Написано более трёх лет назад
Дмитрий Вяткин @dim137 Автор вопроса

Иван Украинцев: 2 пункт имеется ввиду браузер?

Написано более трёх лет назад
VANY @vanyproduction

Дмитрий Вяткин: 2 пункт - это я заработался и написал инструкцию для Wordpress :)

Написано более трёх лет назад
Дмитрий Вяткин @dim137 Автор вопроса

Иван Украинцев: =)

Написано более трёх лет назад

Дмитрий Вяткин @dim137 Автор вопроса

<!DOCTYPE html>
<html lang="en-us">
    <head>
        <meta charset="utf-8" />
        <title>Test</title>
            <meta name="viewport" content="width=device-width, initial-scale=1.0">
            <!-- HTML5 shim, for IE6-8 support of HTML elements -->
            <!--[if lt IE 9]>
                <script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.2/html5shiv.min.js"></script>
            <![endif]-->
        <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">

        <!-- Optional theme -->
        <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap-theme.min.css">

    </head>
<body>


    <img class="img-responsive" src="http://placehold.it/200x200">

    <script src="//netdna.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
</body>
</html>

показывает размер тега img 179x179

Написано более трёх лет назад

Дмитрий Вяткин @dim137 Автор вопроса

вероятно проблема в Firefox так как Chrom показывает 200х200

Написано более трёх лет назад
Андрей Федоров @aliencash

Дмитрий Вяткин: А вы уверены, что у вас масштаб выставлен 100% в фф?

Написано более трёх лет назад