媒体查询与响应式设计 — 计算机填空题
题目
某页面样式表按书写顺序依次包含以下三条媒体查询规则（浏览器视口宽度为 900px，均为满足条件即生效）：规则一：@media (max-width: 768px){ .box{ width: 100px; } }；规则二：@media (min-width: 769px){ .box{ width: 300px; } }；规则三：@media (max-width: 1200px){ .box{ width: 500px; } }。三条规则的 CSS 特异性相同。按层叠规则，.box 最终渲染的 width 为 ____px；若把视口宽度调整为 750px，满足条件的规则共 ____ 条。