Responsive Design

Navigation
0

I have two doubts here with responsive design.

The first is in relation to the following code: 

 <link rel="stylesheet" media="only screen and(min=width: 1366px)"
href="css/deskmax.css"  />

Because when I create CSS so it does not open in the browser?

deskmax.css file 

 @media screen and (min-width: 1366px) and (max-width: 1920px) {

 conteúdo css do site

}

I do everything else only works if I take the @media screen of code with link; I need to leave in css without @media or can I leave anyway?

Second question with CSS in @media for responsive design is, do I create css only within @media querys or do I have to create it before everything, without @media and then within @media to readjust?

    
asked by anonymous 02.06.2015 / 14:46

2 answers

2

This site has a summary of what each Medias Querys property means. link

But do not worry too much about it.

Now, what comes first? It depends on your development.

One of the most used practices today is Mobile First. That is, you get your CSS programming for mobile devices and use querys to fit your page for larger devices up to FULL HD.

Mobile First practice saves many lines of code.

    
02.06.2015 / 14:51
-1

I'm new here and I'm also researching so you can use it like this: 

< meta name="viewport" content="width=device-width, initial-scale=1">

Put this on your INDEX page.

and in css this way to set the pixel size of each device knowing that each device has a certain size 

@media(max-width:750px){
    
07.12.2015 / 17:12
Launch Ruby application at boot How to get the number of images in a folder with Javascript / Jquery