在移动设备上，窗口大小的变化对网页设计产生了较大的影响。因此，了解和应用CSS中的手机端窗口判断技术是非常必要的。

CSS中针对手机端窗口判断的方法有两种，分别是媒体查询和JavaScript。

/* 媒体查询的使用 */@media screen and (max-width: 768px) {/* 在屏幕宽度小于等于768px时，应用以下CSS样式 */body {background-color: #000;color: #fff;font-size: 16px;}}

上述代码中，我们使用媒体查询来判断页面是否为手机端。当屏幕宽度小于等于768px时，应用样式中的CSS属性。这样，手机端用户可以看到适应其屏幕大小的网站布局和字体大小。

// JavaScript的使用if (window.innerWidth <= 768) {// 在窗口宽度小于等于768px时，应用以下CSS样式document.body.style.backgroundColor = "#000";document.body.style.color = "#fff";document.body.style.fontSize = "16px";}

上述代码展示了使用JavaScript来判断窗口大小，以决定应用哪些样式。这个方法同样可以实现手机端窗口的判断，只不过使用了JavaScript语言。

总的来说，CSS和JavaScript都可以实现对移动设备窗口的判断。用户得到更优质的体验和合适的网页布局。