网页设计怎么做查询 第1篇
逻辑运算符 not、and 和 only 可用于组成复杂的媒体查询。您还可以通过用逗号分隔多个媒体查询将它们组合成一个规则。
and :用于将多个媒体特征组合到一个媒体查询中，要求每个链接的特征返回 true 以使查询为 true。它还用于将媒体功能与媒体类型连接起来。
not: 用于否定媒体查询，如果查询将返回 false，则返回 true。如果出现在逗号分隔的查询列表中，它只会否定应用它的特定查询。如果使用 not 运算符，还必须指定媒体类型。
only:仅当整个查询匹配时才应用样式。它对于防止旧浏览器应用选定的样式很有用。当不只使用时，旧浏览器会将查询屏幕和 (max-width: 500px) 解释为屏幕，忽略查询的其余部分，并将其样式应用于所有屏幕。如果使用 only 运算符，则还必须指定媒体类型。
,: 逗号用于将多个媒体查询组合成一个规则。逗号分隔列表中的每个查询都与其他查询分开处理。因此，如果列表中的任何查询为真，则整个媒体语句返回真。换句话说，列表的行为类似于逻辑或运算符。
示例：查询屏幕设备+特性
示例：反向查询设备和特性（not 关键字不能用于否定单个特征查询，只能用于否定整个媒体查询)
网页设计怎么做查询 第2篇
在完成分页的功能后，还需要实现查询的功能， 查询就需要我们的查询条件，还记得上一篇文章提到的作为查询条件的MealQueryDto类嘛，在上一篇文章我们只定义了一个空类，现在我们查询功能就需要用到查询条件，就需要在MealQueryDto类中定义属性了。 在后端发往前端的Json格式的数据中，关于商品的描述是meal_desc,使用我们在类中定义meal_desc变量来放查询条件。 代码如下：
接下来就是修改原来MealServleet类里面的getList函数。 要在数据库里进行模糊查询我们要修改sql语句，以及做一些判断。 代码如下：
依旧是从请求中获取MealQueryDto的实体对象 创建一个集合对象，用来存放参数的集合，由于我们只有一个参数，在这里可以不写集合，这里用集合是表示可以以后扩展的。 判断条件的说明，要求获取MealQueryDto的实体对象不是空，且查询条件不为空，也不能为空字符串。 sql语句的修改，原来是对表的所有数据进行查询，现在是有条件的进行查询，所以要对sql语句进行拼接条件，？是占位符，最终在数据库里会与查询条件拼接在一起，组成完整的sql语句。 如果() 是“肉”， 那么完整的sql语句：select * from t_meal where meal_desc like '%肉%' 最后在方法中添加新的参数查询条件，在向前端发送查询后的Json格式的数据。
其次修改查询条件，添加meal_desc变量，用来存放输入的查询条件。
在修改fetch方法添加&meal_desc=${}，把输入的查询条件存放在meal_desc变量中返回后端。
到这里功能大致就实现完成了。 重启项目，输入查询，看页面是否是按条件的查询结果，可以打开开发人员工具，看看，有没有信息。 在这里我的项目页面查询成功，响应中也也获取到了查询条件。
网页设计怎么做查询 第3篇
可以通过 标签设置移动端视口的大小和缩放。
如果不设置视口的尺寸，移动设备通常会自动优化网页的显示。在iOS系统上视口默认为980px宽。如果你希望实现更加复杂合理的优化，通常需要修改移动设备的默认视口设置。
设置视口属性的语法是：
viewport包含6个属性：
视口的常规设置方法：
警告：1. 将 user-scalable值设置为 0（与否相同）违反了《Web 内容可访问性指南》 Web Content Accessibility Guidelines (WCAG)。2. 使用 user-scalable=no 可能会给有视力障碍（例如低视力）的用户带来可访问性问题。 WCAG 要求至少 2 倍缩放；但是，最佳做法是启用 5 倍变焦