Jump to content
  • 0

Почему в диве с определённой шириной широкие изображения автоматически не ужимаются?


Serg55
 Share

Question

У меня есть див с шириной 500px.

В нём есть широкое изображение, где-то 1000 px шириной.

А почему это оно автоматически не ужимается, пока для него не задашь атрибут ширины=500px? Оно же в этом диве, значит, должно само ужаться, без никаких дополнительных указаний?

Link to comment
Share on other sites

10 answers to this question

Recommended Posts

  • 0

У меня есть див с шириной 500px.

В нём есть широкое изображение, где-то 1000 px шириной.

А почему это оно автоматически не ужимается, пока для него не задашь атрибут ширины=500px? Оно же в этом диве, значит, должно само ужаться, без никаких дополнительных указаний?

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

Link to comment
Share on other sites

  • 0

У меня есть див с шириной 500px.

В нём есть широкое изображение, где-то 1000 px шириной.

А почему это оно автоматически не ужимается, пока для него не задашь атрибут ширины=500px? Оно же в этом диве, значит, должно само ужаться, без никаких дополнительных указаний?

А ты зачем ему размер задаёшь? Поставь своему диву максималку 1000пк и будет тебе счастье.

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

:D :D :D

Link to comment
Share on other sites

  • 0

У меня есть див с шириной 500px.

В нём есть широкое изображение, где-то 1000 px шириной.

А почему это оно автоматически не ужимается, пока для него не задашь атрибут ширины=500px? Оно же в этом диве, значит, должно само ужаться, без никаких дополнительных указаний?

А ты зачем ему размер задаёшь? Поставь своему диву максималку 1000пк и будет тебе счастье.

И что в данном случае даст эта максималка? Или очередная попытка ответа наобум?

ТС картинке нужно задать ширину 100%, тогда она будет растягиваться по ширине родителя.

Link to comment
Share on other sites

  • 0

У меня есть див с шириной 500px.

В нём есть широкое изображение, где-то 1000 px шириной.

А почему это оно автоматически не ужимается, пока для него не задашь атрибут ширины=500px? Оно же в этом диве, значит, должно само ужаться, без никаких дополнительных указаний?

А ты зачем ему размер задаёшь? Поставь своему диву максималку 1000пк и будет тебе счастье.

И что в данном случае даст эта максималка? Или очередная попытка ответа наобум?

ТС картинке нужно задать ширину 100%, тогда она будет растягиваться по ширине родителя.

Да, видз 100% для картинки помогло.

И всё же, объясните мне саму идеологию. Если я что-то вставляю в див с определённой шириной, то разве это не значит, что оно должно АВТОМАТИЧЕСКИ ужиматься? Я не понимаю самой идеологии.

Раз я в коде вставил в див определённой ширины что-то, то уже сам браузер должен сообразить, что то, что я вставил, нужно ужать, чтобы оно не вылазило за рамки? Или мои рассуждения содержат логическую ошибку?

Edited by Serg55
Link to comment
Share on other sites

  • 0

У меня есть див с шириной 500px.

В нём есть широкое изображение, где-то 1000 px шириной.

А почему это оно автоматически не ужимается, пока для него не задашь атрибут ширины=500px? Оно же в этом диве, значит, должно само ужаться, без никаких дополнительных указаний?

А ты зачем ему размер задаёшь? Поставь своему диву максималку 1000пк и будет тебе счастье.

И что в данном случае даст эта максималка? Или очередная попытка ответа наобум?

Слушай, подкольщик, ты вообще задачу читал сам или нет???

Я предложил максималку, потому что ТС-у нужно было чтобы она:

1) Влазила в контейнер, если что.

2) Чтобы если она ВНЕ контейнера - то не привышала 1000пк в ширину.

Уловил?

Link to comment
Share on other sites

  • 0

Слушай, подкольщик, ты вообще задачу читал сам или нет???

Я предложил максималку, потому что ТС-у нужно было чтобы она:

1) Влазила в контейнер, если что.

2) Чтобы если она ВНЕ контейнера - то не привышала 1000пк в ширину.

Уловил?

Макс, по-моему mishka здесь был прав. Задача все-таки уместить картинку в 500px :) И ТС об этом написал. Только он думал, что без выставления width и так все заработает.

Link to comment
Share on other sites

  • 0

И всё же, объясните мне саму идеологию. Если я что-то вставляю в див с определённой шириной, то разве это не значит, что оно должно АВТОМАТИЧЕСКИ ужиматься?

Я не понимаю самой идеологии.

если внутренний блок по ширине или по высоте больше своего родителя, то происходит - переполнение (overflow).

так как overflow по умолчанию имеет значение - visible, то внутренний элемент перекроет внешний.

а если поставить hidden, вылезшая часть скроется.

Это значит, что браузер не будет ужимать, а просто будет скрывать или показывать переполнение.

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

Link to comment
Share on other sites

  • 0

Слушай, подкольщик, ты вообще задачу читал сам или нет???

Я предложил максималку, потому что ТС-у нужно было чтобы она:

1) Влазила в контейнер, если что.

2) Чтобы если она ВНЕ контейнера - то не привышала 1000пк в ширину.

Уловил?

Макс, по-моему mishka здесь был прав. Задача все-таки уместить картинку в 500px :) И ТС об этом написал. Только он думал, что без выставления width и так все заработает.

Да, согласен, погорячился. А этот вопрос мы с Мишкой уже выяснили в приватной беседе B)

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy