在一个应用程序中创建了自定义xtype组件，试图将其复制到不同的应用程序，但如果AEM CD5中没有原始应用程序，则该组件将无法工作
我已经创建了多字段对话框I AEM 5.6.1，我想知道如何使AEM CQ5组件响应？根据用户的观点适合不同的设备/屏幕？？？响应性设计的更好方法是在一个应用程序中创建了自定义xtype组件，试图将其复制到不同的应用程序，但如果AEM CD5中没有原始应用程序，则该组件将无法工作,aem,Aem,我已经创建了多字段对话框I AEM 5.6.1，我想知道如何使AEM CQ5组件响应？根据用户的观点适合不同的设备/屏幕？？？响应性设计的更好方法是CSS3@media Rule 在以下代码段菜单中，宽度
CSS3@media Rule
身体{
字体系列：“Lucida Sans”，Verdana，Sans serif；
}
.主img{
宽度：100%；
}
h1{
字号：1.625em；
}
氢{
字体大小：1.375em；
}
.标题{
填充：1.0121457489878542510121457489879%；
背景色：#f1f1；
边框：1px实心#e9e9e9；
}
梅努特姆先生{
利润率：4.310344827586206896551724137931%；
左边距：0；
边际上限：0；
填充：4.310344827586206896551724137931%；
边框底部：1px实心#e9e9e9；
光标：指针；
}
梅因先生{
填充：2.066115724793388429752066115702%；
}
.对{
填充：4.310344827586206896551724137931%；
背景色：#CDF0F6；
}
.页脚{
填充：1.0121457489878542510121457489879%；
文本对齐：居中；
背景色：#f1f1；
边框：1px实心#e9e9e9；
字号：0.625em；
}
.gridcontainer{
宽度：100%；
}
.gridwrapper{
溢出：隐藏；
}
.网格盒{
保证金底部：2.024291497975708500242914979757%；
保证金权利：2.024291497975708500242914979757%；
浮动：左；
}
.gridheader{
宽度：100%；
}
.网格菜单{
宽度：23.481781376518218623481781376518%；
}
格里德曼先生{
宽度：48.9878542510121457489887854251012%；
}
格里德里特先生{
宽度：23.481781376518218623481781376518%；
右边距：0；
}
.gridfooter{
宽度：100%；
页边距底部：0；
}
@仅介质屏幕和（最大宽度：500px）{
.网格菜单{
宽度：100%；
}
梅努特姆先生{
利润率：1.0121457489878542510121457489879%；
填充：1.0121457489878542510121457489879%；
}
格里德曼先生{
宽度：100%；
}
梅因先生{
填充：1.0121457489878542510121457489879%；
}
格里德里特先生{
宽度：100%；
}
.对{
填充：1.0121457489878542510121457489879%；
}
.网格盒{
右边距：0；
浮动：左；
}
}
讲坛之石
驱动器
散步
回归
结局
散步
步行到讲坛石大约需要两个小时，取决于天气条件和你的身体状况
什么
讲坛石是山的一部分，看起来像讲坛
哪里
讲坛石在挪威
价格
步行是免费的
本网页是www.w3schools.com制作的流体网页设计演示的一部分。调整浏览器窗口的大小以查看内容对调整大小的响应