媒体查询与响应式设计 — 计算机判断题
题目
判断题：某开发者在样式表中先书写 @media (min-width: 768px) { .box { width: 50%; } }，再书写 @media (max-width: 768px) { .box { width: 100%; } }。当视口宽度恰好为 768px 时，由于两条规则同时满足条件且 .box 选择器优先级相同，最终 .box 的宽度由书写顺序靠后的 max-width 规则决定，即为 100%。此外，该开发者声称把两条规则中的数值都改为 767px 后，768px 视口下两条规则都不会生效，.box 将没有任何宽度值可用。