如何通过媒体查询按屏幕大小切换CSS( 四 )

根据查看环境切换要应用的CSS文件时由于可以同时描述媒体查询的多个条件 , 因此可以按以下方式指定最小和最大大小 。 使用这种描述方法 , 可以限制上述应用范围 。 Phone.css\"rel\"stylesheet\"type\"+textstylesheet\"type+textstylesheet118media(+86minstylesheet\"type\"\"text\"css\" media\"(min widt) H:960px)>在上述情况下 , 根据显示区域的宽度 , 以下应用程序更改为CSS对于0px , 599px , 仅用于电话 。 css 。 对于600px、959px , 仅限平板电脑 。 CSS 。 如果它超过960px , 则只有桌面 。 已应用CSS 。 在这种情况下 , 您可以在CSS源中进行分支 , 而不需要单独分隔CSS文件 。 @media , (min , , , , 宽度:0px)和(max , , , , , 宽度:599px) , div , sidebar , 宽度:100 , @media , (min , , , , , , , , 宽度:600px)和(max , , , 宽度:959px) , div , sidebar , 宽度:160px , @media , (min , , 宽度:960 px)CSS3 , +150 , 宽度:25为了展示如何以上述所有方式书写 , 在“超过0像素”的意义上:我被描述为“0像素的最小宽度” , 因为在不要求该指令为真的情况下 , 几乎不可能有一个小于0像素的窄屏幕 。 *在这种书写方式中 , 必须小心 , 因为不将CSS文件应用于不支持媒体查询(IE、8或更低版本)的旧浏览器 。 如何确定断点?

推荐阅读