Html 图-figcaption-响应式网站
抱歉，这看起来很简单，但我似乎无法让它工作 我只想要一个像这样的网站： 我希望它的反应灵敏，在平板电脑和智能手机上也能工作/看起来不错 我什么都试过了，但似乎都不管用 到目前为止，我得出了以下结论：Html 图-figcaption-响应式网站,html,css,responsive-design,Html,Css,Responsive Design,抱歉，这看起来很简单，但我似乎无法让它工作 我只想要一个像这样的网站： 我希望它的反应灵敏，在平板电脑和智能手机上也能工作/看起来不错 我什么都试过了，但似乎都不管用 到目前为止，我得出了以下结论： 标题 说明文字 说明文字 说明文字 说明文字 您可以使用Flexbox和@media查询： *{框大小：边框框} 正文{页边距：0} #容器{ 宽度：1200px；/*调整*/ 最大宽度：100%；/*响应性*/ 页边距：0自动；/*在页面上水平居中*/ 填充：0 5px；/*调整*/ }
标题
说明文字
说明文字
说明文字
说明文字
@media*{框大小：边框框}
正文{页边距：0}
#容器{
宽度：1200px；/*调整*/
最大宽度：100%；/*响应性*/
页边距：0自动；/*在页面上水平居中*/
填充：0 5px；/*调整*/
}
h1{文本对齐：居中}
#弯曲{
显示：flex；/*以内联方式显示flex项（子项）*/
柔性包裹：包裹；/*启用其包裹*/
保证金：0；
}
身材{
显示：flex；/*图形元素的flex行为*/
弹性方向：列；/*垂直堆叠弹性项目*/
对齐内容：居中；/*垂直居中*/
对齐项目：居中；/*并水平对齐*/
flex:01计算（50%-10px）；/*初始宽度设置为flex容器（#flex）宽度的50%-10px（2 x 5px左右填充）*/
余量：5px；/*调整*/
}
img{
显示：块；/*删除底部边距/空白*/
最大宽度：100%；/*响应性*/
}
@介质（最大宽度：568px）{/*调整*/
#flex{flex direction:column}
}
标题
说明文字
说明文字
说明文字
说明文字