Jump to content
Search In
  • More options...
Find results that contain...
Find results in...

Сделать из мобильной версии резиновую!)


MFX
 Share

Recommended Posts

Здравствуйте!

 

Подскажите пожалуйста такой момент:

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

 

Вопрос:

как мне сделать так, чтобы только блок с товарами сохранял свои положения товаров относительно разрешения экрана, не меняя сетку товаров(3 столбца).

 

1.thumb.png.e2b533efb3bcb1e41f76a83e6a60f3c6.png

 

З.Ы. Прям носом тыкайте. Прям чем больше подробностей, тем лучше. Желательно объяснить на уровне кода. Что и куда правильней писать!

Link to comment
Share on other sites


То что хотел не сделалось, зато помогло в  другом моменте!)

 

А тут товарные позиции просто сжало, в итоге верстка товара поплыла!)

 

Мне же надо чтобы независимо от экрана, положение элементов оставалось одинаковым(резиновым или как оно еще там называется), чтобы 3 столбца всегда выглядили одинаково(с учетом их содержимого), вне зависимости от разрешения или размерности экрана!)

Без ужимания

Edited by MFX
Link to comment
Share on other sites


9 часов назад, MFX сказал:

То что хотел не сделалось, зато помогло в  другом моменте!)

 

А тут товарные позиции просто сжало, в итоге верстка товара поплыла!)

 

Мне же надо чтобы независимо от экрана, положение элементов оставалось одинаковым(резиновым или как оно еще там называется), чтобы 3 столбца всегда выглядили одинаково(с учетом их содержимого), вне зависимости от разрешения или размерности экрана!)

Без ужимания

эм.. так это называется "убрать адаптивность"

Link to comment
Share on other sites


Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.