July 22 = 256-260

11.4.2 adjust the layout for the browser width

The following defines the CSS implementation page to display the default style in the browser and the browser with the page width greater than 1000px

The style displayed in the browser with the page width less than PX.

Code example:

// Set the mo Style

Xxdefaultcss {

By default, the XX element style is displayed on the page...

}

 

// Set the CSS style when the browser width is greater than 1000px

@ Media screen and (min-width: 1000px ){

XX element 1 {

XX element 1 style with a page width greater than 1000px...

}

XX element 2 {

The style of XX element 2 whose page width is greater than 1000px...

}

}

 

// Set the CSS style when the browser width is less than PX

@ Media screen and (max-width: 480px ){

XX element 1 {

The XX element 1 style with the page width less than PX...

}

XX element 2 {

The XX element 2 style with the page width less than PX...

}

}