max-width: 90%; - не подходит такой вариант, я допустим если хочу сделать картинку во всю длину, то я просто вставляю ее, хоть она 1500px в длину, но css не дает чтобы она в контенте была длиннее чем 790px в длину.
На скрине не показал, что я бывает еще вставляю картинку во всю длину контента. по мимо маленьких которые слева или справа в контенте. с ней все ок с фоткой на всю длину, она уменьшается при сжатии браузера. Так как в ней я стили не оставляю, просто вставляю и css делает чтобы она была не длиннее 790px, а маленьким фоткам, я задаю стили когда вставляю в коде контента, а не через css, вообще м при сжатии экрана браузера, надо чтобы как-то стили в фотках игнорировались и фотки маленькие сжимались.
проверил это
@media only screen and (max-width: 640px) {
img{
/*using important only cause have "style" in elements*/
display: block;
margin: 0 auto!important;
max-width: 90%!important;
float: inherit!important; }
}
центрирует, но есть но ! все равно куски текста залезают на фото.
Ankhena, так я же писал в теме, видимо непонятно написал, я в контент вставляю фотки, которые при клике увеличиваются, то есть большие фото, но вставляю через стили размер меньше ее, вопрос такой, как мне сделать чтобы эта фотка была адаптивной? просто в разных местах я вставляю разный размер фото, а при клике она увеличивается, когда сжимаю экран браузера, то фото выходит за края, она не адаптивная.
Вот и думаю как это сделать. Чтобы она могла сжиматься меньше, не выходила за рамки.
Адаптация срабатывает для 1 картинки ! так как у нее нет размеров, они через стили. она не больше max-width 790px в контенте и при сжатии браузера, все ок, она сжимается, а другие картинки там фиксированное разрешение, и при сжатии, они вылезают за края контента и не сжимаются.
Да я понял, что придется через медиа делать, но есть одно но ! картинки могут вставлять разного размера и там через медия уже не сделать.
Не все так просто, max-width стоит.
я уже сделал, все ок, залил на тестовое доменное имя t.arinastar.ru
первый раз слышу об: caniuse.com - долго грузиться и предлагает что-то скачать и перенаправляет на доменные имена.
И я бы использовала (и использую) модель box-sizing: border-box, а не calc.
только вы переделали ! в html, блоки местами ! ll первый шел. по этому у вас и проблема с падингами.
мне щас надо много чего переделывать чтобы все ок работало если менять местами в html.
я так делал, там не все работает, дело в том что, при сжатии, правый блок, уходит сразу под 1 блок, а он не сжимается как щас, попробуйте сами в примере и увидите.
я так делал, там не все работает, дело в том что, при сжатии, правый блок, уходит сразу под 1 блок, а он не сжимается как щас, попробуйте сами в примере и увидите.
max-width: 90%; - не подходит такой вариант, я допустим если хочу сделать картинку во всю длину, то я просто вставляю ее, хоть она 1500px в длину, но css не дает чтобы она в контенте была длиннее чем 790px в длину.
На скрине не показал, что я бывает еще вставляю картинку во всю длину контента. по мимо маленьких которые слева или справа в контенте. с ней все ок с фоткой на всю длину, она уменьшается при сжатии браузера. Так как в ней я стили не оставляю, просто вставляю и css делает чтобы она была не длиннее 790px, а маленьким фоткам, я задаю стили когда вставляю в коде контента, а не через css, вообще м при сжатии экрана браузера, надо чтобы как-то стили в фотках игнорировались и фотки маленькие сжимались.
проверил это
центрирует, но есть но ! все равно куски текста залезают на фото.