potenza

Рейтинг
45
Регистрация
05.03.2009
acril1994:
Есть адаптация картинки под размер экрана на сайте. Реализована она на данный момент так:

img{width:100%; height:auto; }

При больших размерах экрана (ПК) все выглядит хорошо.

При низких разрешениях экрана (мобильный телефон, 320 на 240 px) картинку увеличивает БОЛЬШЕ своего собственного размера. Например, если картинка 100 px по ширине, ее растянет на 320 px по ширине, искажая качество.

Надо сделать так, чтобы картинка не увеличивалась больше своего собственного физического размера.

Используй медиазапрос в файле стилей

@media all and (min-device-width: 320px) {

img {width: 100px;}

}

AGRESSOR:
Доброе время суток, произошла следующая ситуация

html разметку прижало всю влево, хотя в файлах там есть отступы

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

вывод делается так <link href="<?php bloginfo( 'stylesheet_url' ); ?>" rel="stylesheet" media="screen" />

Если что то менять в style.css то нечего не меняется
А если менять что то в html происходит замена но всеравно не реагирует на пробелы

AGRESSOR

Попробуй прописать прямой путь к файлу стилей и убери media="screen", похоже ты редактируешь один файл а грузится другой

Привет!

Для того чтобы сделать вывод превью постов как на скрине, нужно создать блок div class="previevBlock" в нем будет превьюшка поста, далее в стилях этому блоку прописываешь оптекание с лева то есть float:left;

и задаешь необходимую ширину . допустим место под блок с превьюшками у тебя 900px и задав одному блоку div class="previevBlock" ширину 300px у тебя их в ряд влезет 3 шт , задашь ширину 225px то влезет 4шт.

1 23
Всего: 23