@media screen and (max-width: 767px) {
/* 将一些CSS规则放在这里，这些规则会在屏幕小于768像素的情况下应用 */
}上面这段代码说明了如何使用CSS媒体查询，它可以根据设备的屏幕尺寸应用不同的CSS规则。在上述代码中，大家定义了屏幕宽度小于768像素时应用的规则。
除了媒体查询，还可以使用Flexbox布局来实现在移动设备上更好的排版效果。
.container {
display: flex;
flex-direction: column;
align-items: center;
}上面这段代码说明了如何使用Flexbox布局，大家将容器设置为flex布局，使其所有子元素都可以沿着主轴或交叉轴进行排列。在上述代码中，大家将容器设置为一列，并通过align-items属性将子元素垂直居中。
另外，在使用CSS时，也要注意避免使用绝对定位和固定宽度等不适合移动设备的规则，以提高移动设备上的使用体验。
总之，掌握以上CSS知识点，可以帮助大家更好地在移动设备上实现网页设计。