# IDE 预览

熟悉在 IDE 上如何预览卡片效果

通过本节,你将学会:

# IDE 预览卡片

1、点击IDE正上方的模拟器,再点击模拟器右下角预览设置,弹出的窗口中选择第一个选项,切换到对应的卡片。

2、打开卡片列表页面,然后选择所需要预览的卡片,即可展示卡片效果。或者点击IDE左上角的编译模式,在下拉菜单中选择需要预览的卡片,可以达到同样效果。

# 媒介查询

1、卡片视图上方的媒介查询提供四个查询条件,分别为厂商、尺寸、设备、入口。

2、点击厂商下拉框,提供四个选项,分别为:OPPO、vivo、小米、荣耀,根据自己需求进行选择。

3、点击尺寸下拉框,可切换卡片尺寸。

4、若没有所需尺寸,可下拉选择自定义,然后编辑对应的参数。

5、点击设备下拉框,可切换设备,提供三个选项,手机、手表、车机。

6、点击入口下拉框,可切换入口,有负一屏、桌面、全搜、日历等选项。