Как мне создать галерею изображений адаптивного веб-дизайна?

Question

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

Каков мой лучший способ приблизиться к этому? Я вижу, что некоторые сайты упоминают советы, как -make мобильной версии первого, и идти оттуда -be уверены, что шрифты изменить размер в зависимости от размера экрана

И откровенно говоря, я даже не знаю, как сделать что мои изображения в правильном размере ........ может кто-нибудь помочь? ПОЖАЛУЙСТА!

Answer 1

Пожалуйста, проверьте СМИ запрос на CSS3: http://www.w3schools.com/cssref/css3_pr_mediaquery.asp

Вы можете установить размер картинки с этим ... Вы можете сделать простые правила CSS для рабочего стола и сделать мобильные правила CSS для мобильных телефонов с помощью

CSS FILE:

// CSS RULES FOR DESKTOP 

@media screen and (max-width: 300px) {// CSS RULES FOR MOBILE} 

Но я рекомендую вам включить 2 CSS: один рабочий стол и один мобильный телефон, чтобы быть более ясным.