为什么电脑上正常的结果到手机上失败?

作者站长头像
站长
· 阅读数 13

为什么电脑上正常的结果到手机上失败?写了一个手机端布局,我在电脑调试的时候是正常的

为什么电脑上正常的结果到手机上失败?

但是切换成手机访问就出错,如上图,请问是为什么呢?布局我是用的是table,结构和样式如下。为什么电脑上正常的结果到手机上失败?为什么电脑上正常的结果到手机上失败?

还有,我想请问下为什么DOM结构在手机上不显示失败,如下图?为什么电脑上正常的结果到手机上失败?为什么电脑上正常的结果到手机上失败?

回复
1个回答
avatar
test
2024-07-17

flex 生效范围基于副属性,你是在.cards上设置flex,作用范围是是在于table这个层级上,而不会到tr,td层级范围去。pc端会生效是因为你设置了cellspacing="19px",下面td单元格间距则为19px;并不是flex属性在生效;移动端下td未设置其宽度,导致宽度默认占据了100%。

回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引,对解决问题有帮助
  • 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容