jQuery Mobile, список просмотров Размер миниатюр - PullRequest
Новая
       0

jQuery Mobile, список просмотров Размер миниатюр

4 голосов
/ 11 октября 2011

Я интегрирую jQuery Mobile с миниатюрами в виде списка, но он изменяет размеры моих изображений на лету до фиксированной ширины. Изменение ширины .ui-li-thumb не помогает. Как сделать мои пальцы шире?

Ответы [ 3 ]

7 голосов
/ 11 октября 2011

Попробуйте это и включите ", .ui-li-icon"! 

.ui-li-thumb, .ui-li-icon {
    left: 1px;
    max-height: 60px; 
    max-width: 60px;
    position: absolute;
    top: 0;
}

При этом размер миниатюры увеличивается до 60 * 60 пикселей. В моем случае это работает с каждым размером.

Если это не работает, предоставьте часть своего кода, чтобы увидеть, что не так (HTML, JS, CSS).

2 голосов
/ 01 мая 2014

Я хотел сделать уменьшенные изображения в списке.Вот как я это сделал с jQuery Mobile версия 1.4.2: 

.ui-listview .ui-li-has-thumb > img:first-child,
.ui-listview .ui-li-has-thumb > .ui-btn > img:first-child,
.ui-listview .ui-li-has-thumb .ui-li-thumb {
    left: 1px;
    top: 1px;
    max-height: 40px;
    max-width: 40px;
}
.ui-listview > .ui-li-has-thumb > .ui-btn,
.ui-listview > .ui-li-static.ui-li-has-thumb {
    min-height: 0;
    padding: .7em 1em .7em 55px;
}

Верхний, левый и нижний отступы, которые я определил выше, просто возвращают эти значения отступов к значениям по умолчанию для * 1006.*.Изображение расположено абсолютно в элементе списка, поэтому, если вы хотите увеличить изображение, вы должны компенсировать это путем увеличения свойства min-height css, показанного выше.

0 голосов
/ 28 января 2013

Для меня это решение нормально работает в списке. Настраивает также заполнение внутреннего текста с большого пальца. 

.ui-listview .ui-li-icon{
    max-height: 32px; 
    max-width: 32px;
}
.ui-li-static.ui-li-has-icon{
    padding-left:50px;
}

Это делается для случая, когда к изображению применяется класс .ui-li-icon

...