Css 真实移动设备的响应性设计问题
我最近创建了一个html页面，并根据浏览器开发工具成功地使其响应 我还在html页面中添加了Css 真实移动设备的响应性设计问题,css,mobile,responsive-design,responsive,Css,Mobile,Responsive Design,Responsive,我最近创建了一个html页面，并根据浏览器开发工具成功地使其响应 我还在html页面中添加了 在（mozilla和chrome的移动浏览器开发工具）中，一切都很好；然而，当我在实际的移动设备中检查它时，一些css项不能正常工作，也不能正确显示！它们在容器外渲染 以下是响应CSS代码： @仅媒体屏幕和（最大宽度：1024px）{ .副标题{ 字体大小：0.5rem； } } @仅介质屏幕和（最大宽度：1024px）{ .附带内容{ 左：0； 右：0； 左边距：自动； 右边距：自动； 底部：0%；
@仅媒体屏幕和（最大宽度：1024px）{
.副标题{
字体大小：0.5rem；
}
}
@仅介质屏幕和（最大宽度：1024px）{
.附带内容{
左：0；
右：0；
左边距：自动；
右边距：自动；
底部：0%；
宽度：300px；
高度：30px；
}
.侧btn链路{
顶部：0px；
}
.swip助手容器{
最高：70%；
字号：8rem；
}
.侧面图标{
高度：30px；
宽度：30px；
字体大小：1.5rem；
}
.side btn链接：悬停.side图标{
边界半径：0；
背景色：透明；
颜色：#AAAAA；
}
.底部内容{
显示：无；
}
1.建筑物名称{
字体大小：1.25rem；
}
.建造师职衔{
字体大小：0.5rem；
}
.顶级内容{
排名：0；
}
}
@仅介质屏幕和（最大宽度：600px）{
.swip助手容器{
最高：65%；
字体大小：5rem；
}
.副标题{
显示：无；
}
1.建筑物名称{
字体大小：1.05rem；
}
.建造师职衔{
字体大小：0.7rem；
}
.顶级内容{
排名：0；
宽度：100%；
右：0；
高度：35px；
}
.卖家标识链接{
显示：块；
宽度：100%；
高度：自动；
边界顶部：无；
高度：自动；
}
.卖家标志{
显示：无；
浮动：无；
保证金：0自动；
身高：50%；
}
.标题容器{
显示：块；
宽度：100%；
}
1.建筑物名称{
宽度：100%；
文本对齐：居中；
身高：100%；
保证金：0；
线高：2；
}
.建造师职衔{
宽度：100%；
文本对齐：居中；
显示：无；
}
}