响应式课程简介 IPS4的CSS框架是响应，意思是根据用户选择使用的显示器大小来调整元素。在大多数情况下，本指南中已经列出的现有类会为您处理它;例如，在移动电话上，菜单会自动调整，标签栏会折叠成下拉菜单。 有时，您可能需要控制哪些设备大小的元素显示或隐藏自己。例如，如果您添加了一个自定义页脚元素，您可能希望只在桌面上显示它，并对平板电脑或手机隐藏它。 IPS4提供的响应类允许您控制这种行为。 IPS4使用的响应大小 对于我们用来控制响应性的媒体查询，下面的大小代表每个设备: 手机-高达767像素宽 平板电脑-宽度在768像素到979像素之间 台式电脑- 980像素和更宽 基本的显示/隐藏功能 CSS框架包括两组由三个类组成的类，用于显示或隐藏元素桌面，平板电脑和电话份设备,分别。各阶级的行为是排外的;也就是说，如果你用显示类，任何不匹配的设备不会显示元素。反之亦然;如果你使用隐藏类，则元素将不会显示在这些设备上，但将显示在其他未指定。 类: ipsResponsive_hidePhone ipsResponsive_hideTablet ipsResponsive_hideDesktop ipsResponsive_showPhone ipsResponsive_showTablet ipsResponsive_showDesktop 您可以根据需要将这些组合起来。例如: < div类＝“ipsResponsive_hidePhone ipsResponsive_hideTablet”>此元素*不会*显示在手机或平板电脑上，但会*显示在台式机上< / div > 用于控制元素显示的附加类 当使用显示在上面列出的类中，通常需要包括控制元素呈现方式的附加类。这可以是以下情况之一: ipsResponsive_block ipsResponsive_inlineBlock ipsResponsive_inline < div类＝“ipsResponsive_showDesktop ipsResponsive_block”>此元素将*只*显示在桌面大小，并将呈现为块级元素。< / div > 这些附加的类在使用隐藏类。 报告指南