css媒体查询print

CSS媒体查询print用于指定打印页面的样式。当用户打印网页时，浏览器会应用这些样式。以下是一个简单的示例：

@media print {
  /* 这里是打印样式 */
  body {
    font-size: 12pt;
    line-height: 1.5;
  }
  
  /* 隐藏不必要的元素 */
  header, footer, nav, aside {
    display: none;
  }
}

在上面的示例中，我们使用@media print声明了一个CSS媒体查询，指定了打印样式。在这个媒体查询内，我们设置了body元素的字体大小和行高，并将header、footer、nav和aside元素隐藏，因为它们对于打印来说通常是不必要的。

需要注意的是，不同浏览器和打印机的行为可能不同，因此建议在打印之前预览打印样式。

相关问题

如何使用 CSS 媒体查询

95, 85, 90}));
students.add(new Student("004", "赵六", new double[]{80, 70, 75}));
School school = new School(students);
Scanner scanner = new Scanner(System.in);
while (true) {
SystemCSS 媒体查询可以通过检测设备屏幕大小、方向、分辨率等特征，来改变网页.out.println("欢迎使用班级成绩管理系统！");
System.out.println("1.成绩显示");
System.out.println的样式和布局。以下是一个例子：

/* 当屏幕宽度小于 768px 时应("2.成绩录入");
            System.out.println("3.成绩修改");
            System.out.println("4.添加学生");
            System.out.println("5.删除学生");
            System.out.println("6.修改学生信息");
            System.out用以下样式 */
@media screen and (max-width: 768px) {
  body {
    background-color: lightblue;
  }
.println("7.成绩统计");
            System.out.println("8.退出系统");
            System.out.print("请选择功能：");
            int choice = scanner.nextInt();
            switch (choice) {
                case 1:
                    System.out.print("请输入学号或姓名}

/* 当屏幕宽度大于等于 768px 时应用以下样式 */
@media screen and (min-width:：");
                    String idOrName = scanner.next();
                    school.showScores(idOrName);
                    break;
                case 2:
                    System.out.print("请输入学号或姓名：");
                    idOrName = scanner.next();
                    System.out.print("请输入课程编号 768px) {
  body {
    background-color: lightgreen;
  }
}

在上面的代码中，我们使用：");
int course = scanner.nextInt();
System.out.print("请输入成绩：");
double score = scanner.nextDouble();
school.inputScore(idOrName, course, score);
break;
case 3:
System.out.print("请输入学号或姓名 `@media` 关键字来定义一个媒体查询，然后使用条件语句 `(max-width: 768px)` 或：");
idOrName = scanner.next();
System.out.print("请输入课程编号：");
course = scanner.nextInt();
System.out.print("请输入成绩：");
score = scanner.nextDouble();
school.updateScore(idOrName, course, score);
`(min-width: 768px)` 来判断屏幕宽度是否符合要求。如果符合，就应用相应 break;
case 4:
System.out.print("请输入学号：");
String id = scanner.next();
System.out.print("请输入姓名：");
String name = scanner.next();
Student student = new Student(id, name);
school.addStudent(student);
break;
case 5:
System.out.print("请输入学号或姓名：");
idOrName = scanner.next();
的样式。

除了屏幕宽度，还可以使用其他条件，例如屏幕方向、分辨率、像素 school.deleteStudent(idOrName);
break;
case 6:
System.out.print("请输入学号或姓名：");
密度等等。具体的使用方法可以参考 CSS 媒体查询的文档和教程。

请给出常用的CSS媒体查询

常用的CSS媒体查询包括但不限于以下几个方面：

1. **屏幕尺寸**：
- `@media all and (min-width: value)` 或 `@media only screen and (min-width: value)`：检查视口宽度是否大于某个值。
- `@media all and (max-width: value)` 或 `@media only screen and (max-width: value)`：检测宽度是否小于等于某个值。
- `@media handheld` 或 `@media only screen and (max-device-width: value)`：针对移动设备。

2. **设备方向**：
- `@media screen and (orientation: portrait)`：垂直方向显示（手机横屏）。
- `@media screen and (orientation: landscape)`：水平方向显示（手机竖屏）。

3. **视口比例**：
- `@media screen and (aspect-ratio: value / value)`：用于匹配设备纵横比。

4. **颜色模式**：
- `@media color`：仅适用于彩色显示器。
- `@media no-color`：适用于黑白或只有点阵显示的设备。

5. **打印媒体**：
- `@media print`：应用于打印预览或实际打印的样式。

常见的组合形式有检查屏幕宽度和方向，如：

@media screen and (min-width: 768px) and (orientation: portrait) {
  /* 移动设备的窄屏纵向样式 */
}

@media print {
  /* 打印专用样式 */
}