css3 @media为手机横竖屏应用不同的样式

1、我们假设用一个图片当做真整个页面的背景图，在竖屏的时候是正常显示的，但是横屏时，会只显示很少的一部分，这就需要我们给横竖屏不同的样式。

3、这时，我们就需要用@media来判断手机是否横屏，并设定新的css样式，判断横屏时用orientation:landscape

5、关于内边距的值，我们需要自己在浏览器中实际调试，看在多大的时候，背景图片刚好显示完整，由不会有空白。