Jump to content
  • 0

Опять резиновый сайт!


bobchinskiy
 Share

Question

Здравствуйте. Начал писать шаблон для сайта с нуля (до этого только переделывал под себя).

Ну и естественно столкнулся с проблемой разрешений. Я понимаю что куча инфы в нете, но не могли бы вы мне индивидуально помочь, я плохо разбираюсь в ксс еще и поэтому если бы мне кто-то показал именно с моим примером было бы здорово.

 

Собственно, Сайт состоит из Одной колонки, то-есть как лендинг пейдж и по бокам фон.

Как сделать в принципе это понятно. Но у меня возник вопрос, что делать с картинками, в частонсти с шапкой?

Как поступить? Размеры картинок указывать в проценте? Я вот тут уже не совсем разбираюсь. Как сделать к примеру самое большое разрешение и что бы эти картинки подстравиволись под друг разрешения?

Если в ширину еще более не менее понятно, то что делать с высотой картинок, их тоже в процентах указывать?

Еще у меня идет блок далее с превью картинками, к примеру 100px на 100px, на маленьком разрешении эти картинки будут относительно дизайна слишком большими и наоборот? Разжуйте пожалуйста, как это всё в коде изобразить?  :unsure:

 

8e5128cc1f4bt.jpg
 

Link to comment
Share on other sites

4 answers to this question

Recommended Posts

  • 0

если высота блока с фоновой картинкой фиксированая, то можно использовать центрирование по горизонтали background-position:center; , по вертикали по усмотрению;

если высота уменьшается при сужении экрана то использовать можно background-size:cover; а можно и первый вариант.  все зависит от конкретной ситуации.
сайт нужно видеть чтобы сказать точно, и я мог еще не до конца понять вас.

Edited by raptor-dm
Link to comment
Share on other sites

  • 0
я плохо разбираюсь в ксс
начать хорошо разбираться и тогда все вопросы отпадут. 

Читайте больше про адаптивный дизайн. Да и тут на форуме такие вопросы можно найти.

Link to comment
Share on other sites

  • 0

если высота блока с фоновой картинкой фиксированая, то можно использовать центрирование по горизонтали background-position:center; , по вертикали по усмотрению;

если высота уменьшается при сужении экрана то использовать можно background-size:cover; а можно и первый вариант.  все зависит от конкретной ситуации.

сайт нужно видеть чтобы сказать точно, и я мог еще не до конца понять вас.

вот примерно такое

Пример сайта

Edited by bobchinskiy
Link to comment
Share on other sites

  • 0

 

если высота блока с фоновой картинкой фиксированая, то можно использовать центрирование по горизонтали background-position:center; , по вертикали по усмотрению;

если высота уменьшается при сужении экрана то использовать можно background-size:cover; а можно и первый вариант.  все зависит от конкретной ситуации.

сайт нужно видеть чтобы сказать точно, и я мог еще не до конца понять вас.

вот примерно такое

Пример сайта

 

ну раз сайт фиксированной ширины, то горизонтальное центрирование я бы использовал.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

  • Similar Content

    • By StOK
      Возник такой вопрос: можно ли создать отзывчивый дизайн не на основе дивов, а используя таблицы? Имеется ввиду, что значения таблицы и ее ячеек будут указываться в процентах, как и в случае с дивами. Будет ли такой шаблон с таблицами правильно отображаться на мобильных устройствах?
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy