1
1
109k42020-05-03 23:04:15
Layout
109k4, 2020-05-03 23:04:15

How to make adaptive layout for large screens?

Let's say I have a layout with a width of 1440px , first I layout it for this screen width, then it adapts to smaller screens (changing block arrangements, decreasing fonts, block sizes, etc.).
But what about large screens, you also need to do similar actions for them as with an adaptive for small ones, maybe there is still an opportunity to somehow scale the picture for large ones so that it looks exactly like the layout for the default size? And if so, will Google count it as a full-fledged adaptive, will there be a loss in SEO because of this?

Answer the question

In order to leave comments, you need to log in

3 answer(s)
A
approximate solution, 2020-05-03
@approximate_solution

Let's say I have a 1440px wide layout

It will center your content on large screens, even if you are looking at the site from a TV screen - the content will be "chained" to these 1440px.
Another option is to make a rubber container, aka container-fluid. Your content will be distributed evenly across the entire screen, but for it to look adequate, the designer had to think about this moment.

X
xmoonlight, 2020-05-04
@xmoonlight

1. About images: here .
2. Divide sections like this: 1920, 1280, 800, 320.
(Prev=Start=320, Next=Prev+ ~500).
3. Markup - on flex.
4. Fonts - their own, finer grid for line alignment (vertical rhythm).

A
Arseny, 2020-05-03
Matytsyn @ArsenyMatytsyn

1. Mobile first has been justifying its existence for several years now. It is better to go from smaller to larger in layout.
2. To use different images use srcset in img or picture tags.
3. Large monitor (usually widescreen) != retina display (display with increased density).
4. For non-standard monitors, including widescreen monitors, you need a layout, or responsibility for layout changes (generally cool when a widescreen displays a design tailored to it), otherwise center the main container. Even when fitting to widescreen, there is a place to be a centered container.
5. Such sophistication in itself has nothing to do with SEO. It is important that the site adapts to mobile devices, as search results are increasingly going to them.
6. With such a formulation of the question, you will most likely screw up the optimization of the project, or make a bunch of errors in validation and without keeping your attention on the site with natural promotion, you will most likely hang out somewhere at the end of the list.

How to make adaptive layout for large screens?

Have a layout for similar formats or have experience in diversification .

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question