-1
I was testing the Netshoes site in several resolutions, and saw that it is no more than 1300px and is at least 950px wide. When you lower the screen, it does not adjust (like using the bootstrap, for example), it only adjusts when it reaches a width less than x, and vice versa.
Does anyone know how this is being done? It’s using CSS only, or has JS?
Thank you
0
They probably use media-queries to achieve such an effect.
You can read more about it here:
Here’s an example of how media queries can be used the way you quoted:
http://jsfiddle.net/Wagner/euW2e/14/embedded/result/
I did it real quick, just to test it out, but that’s the concept..
Browser other questions tagged javascript css
You are not signed in. Login or sign up in order to post.
This is being done responsibly. Here’s a good tutorial on how to make a responsive website with CSS: http://www.1stwebdesigner.com/css/responsive-website-tutorial/
– AmauryMedeiros
@Amaurymedeiros Yeah, I know it’s responsive... But I’d like to know how it’s being done to just change the css when it comes to x resolution. Not to adjust as the resolution changes, pixel by pixel.
– Marcus
The answer is the same as I gave in this question you asked earlier, http://answall.com/questions/12050/como-fazer-um-site-que-se-ajuste-entre-970px-e-1300pxxx . If you want to change in a certain measure, use the
@media, as stated. You lock resolution with min-max and use the@mediato lock in other sizes. no need even bootstrap.– Bacco