Questions tagged [Adaptive design] (1435)

1
answer

Not working @media query, what's the problem?

The point is that when the width size of the screen <= 768px remained single row in a column.html code<!DOCTYPE html> <html lang="EN"> the <head> <title>news</title> <link rel="stylesheet" href="normalize.css"> <link rel="stylesheet" href="style.css"> <link rel="stylesheet...
Tia_Bednar asked April 4th 20 at 12:20
1
answer

How to make sure the content is compressed depending on the scale?

How to make that when you zoom in, the content was compressed. and not remain on its place for example, ivi https://www.ivi.ru/profile
Angeline18 asked April 4th 20 at 01:40
0
answer

Why Media queries are weird in Chrome?

The crux of the matter is simple: "Why is the media tag is not working in the browser Google". There is code: @media screen and (min-width: 1024px) and (max-width: 1440px) { #menu-button { font-size: 1.2 em; } } @media screen and (min-width: 1441px) { #menu-button { font-size: 1.5 em; } } In Opera it works correctly, b...
elliot82 asked April 4th 20 at 01:36
5
answers

How to make responsive header on the website with an SEO point of view?

The site has a cap, there are quite a few different elements (logo, phone numbers, addresses, menus, etc). The whole thing must be carefully done in the mobile version of the site, but due to the large number of items this is extremely problematic. In this regard, the thought came fully to impose a new cap for mobile. So th...
Corine.Jacobi29 asked April 4th 20 at 01:33
3
answers

What is the idea of Mobile First approach?

Friends, Now thinking of what a Mobile First approach actually, and all I could find online is:You need to focus on the practices used when designing mobile interfaces (responsive design, degradation of the interface, working with text, etc.)Need to design first, mobile design, and increasing the screen to develop the inter...
Genevieve53 asked April 4th 20 at 00:37
2
answers

What are the minimum dimensions to use when adaptive layout?

Heard that the minimum screen width is considered to be 320px, supposedly this is the width of the iphone 4 And that's what I did, in chrome, when I choose the iphone 5 (four no), looks gorgeous. But then somehow appeared in the hands of the iphone 5s and I decided to see how it will look in this newly designed website and ...
kaleigh_Fah asked April 3rd 20 at 23:30
1
answer

As with adaptive layout to specify values for max-width is 768 or less (I do not work for some reason)?

Doing my first website, so please do not swear for the curvature and primitivism. The point is that after the values for max-width 991 for all other permissions changes don't work. But if I copy the lines for, for example, max-width 768 to max-width 991, then everything will work fine. Where am I being obtuse?
Marlee_Ro asked April 3rd 20 at 18:30
2
answers

Where to get adaptive mesh for the website?

Hello! A question - where can I find the adaptive grid for the layout. General container needed indentation, possible sidebar on the right side, etc. WITHOUT Bootstrap and other frameworks. Flex or Grid. To from 320 to +-1600 all stretched and compressed. Interested in any options - with and without the preprocessors.
amaya asked April 3rd 20 at 18:26
0
answer

Do I need to take into account PPI in web design?

I work at Adobe XD, the resolution of my laptop is 1920x1080, diagonal 14. Sometimes notice that physically, the fonts look different on other monitors of laptops. As I understand it, Adobe XD standard is 72 PPI. To change it does not. Therefore, the question is: do I Need to think about how the design will look like the ...
Raven asked April 3rd 20 at 18:23
1
answer

How better to impose adaptiv: fixed or stretched?

How better to impose adaptiv: fixed or stretched? ( when the content stretches the full width of the page, or when there is a narrowing of the container in steps, for example, when 1199px container will be 960px, while 960 will be 730 t/d)
Earlene.Crist asked April 3rd 20 at 18:10