@ Media only screen and (min-width: 1024px) Minimum Width: 1024
Safari version 5.1. 7 (7534.57.2) supported
Chrome 26.0.1410.64 m support
Supported by opera 12.15
Supported by Firefox 21.0
Ie10 version 10.0.92000.16580 support
@ Media only screen and (Max-width: 1024px) Maximum Width
Same as above
@ Media only screen and (min-width: 800px) and (max-width: 1024px) width greater than 800 and less than 1024
Safari version 5.1. 7 (7534.57.2) B supported
Chrome 26.0.1410.64 m support
Opera version 12.15 is not supported
Firefox 21.0 does not support
Ie10 version 10.0.92000.16580 not supported
@ Media screen and (max-device-width: 1366px) the screen width of a device is less than 1366
Safari version 5.1. 7 (7534.57.2) supported
Chrome 26.0.1410.64 m support
Opera version 12.15Not Supported
Supported by Firefox 21.0
Ie10 version 10.0.92000.16580 support
Most of our computer tests won't work. We should set the screen size of our device. My computer is 1366*768, so it is set to 1366, if it is changed to 1024 or another number, the effect will not be visible (unless the screen resolution is adjusted)
@ Media screen and (min-device-width: 1366px) the device screen is greater than 1366
Same as above
Exception: Opera is in use@ Media screen and (min-device-width: 1366px) and@ Media screen and (max-device-width: 1366px) has an interesting phenomenon, when I adjust the resolution to 1024*800, I can adjust the maximum width to 1366. Similarly, it can also be used to adjust the minimum amount to 800. If anyone knows, please provide instructions !!!
@ Media (max-width: 1024px)
Safari version 5.1. 7 (7534.57.2) supported
Chrome 26.0.1410.64 m support
Supported by opera 12.15
Supported by Firefox 21.0
Ie10 version 10.0.92000.16580 support
@ Media (min-width: 1024px)
Safari version 5.1. 7 (7534.57.2) supported
Chrome 26.0.1410.64 m support
Supported by opera 12.15
Supported by Firefox 21.0
Ie10 version 10.0.92000.16580 support
If something is wrong, please point it out in time. Thank you for coming here !!!