Варианты Отображения Списка Товаров При Масштабировании Страницы В Браузере

[tem44ik]

В файле product_list.css (\themes\default-bootstrap\css)

 

за отображение элементов отвечают  @media (min-width: ...px),

@media (max-width: ...px).

 

Положение дел сейчас такое, что масштабируя страницу в браузере получается при 100% и выше это - ,

а при 90% и меньше, но не во всех случаях, это- .

 

Вот мне нужно сделать так, чтобы при любом масштабе было так, как на 2 картинке- Поверх блока товара всплывал блок с ценой.

 

Возможно я туплю, но изобилие этих переменных в файле меня сбивает с толку.

product_list.css

Edited January 28, 2016 by tem44ik (see edit history)

[SupportPS]

Здравствуйте. Масштабирование в браузере это исключительно функция браузера, для пользователей. Никакого отношения со стилями сайта оно не имеет.

В css теги:

@media (max-width: ...px).

отвечают за отображение сайта при разных разрешениях экрана. Что позволяет сделать тему адаптивной.

[tem44ik]

И что мне конкретно править, чтобы добиться отображения как на картинке 2?

[SupportPS]

Напишите ссылку на сайт.

[tem44ik]

http://mansvelo.net/

[SupportPS]

Читайте все что я ранее написал.
Для того, чтобы вы поняли что сайт при масштабировании так и должен выглядеть, смотрите на демо престы http://demo.prestashop.com/en/?view=front

Масштабирование, это только функция браузера, исключительно для удобства пользователя, а не один из стилей отображения сайта.