Javascript 从mysql获取数据不工作仅移动桌面

我有一个网站在这个网站上我有一个足球提示响应表。 所以我已经可以连接到数据库获取日期，它在桌面上显示我。所以它在桌面上工作，但在移动设备上我看不到任何东西。 我放下了html和css代码。所以我是初学者，请帮助我

表格{
边界间距：1；
边界塌陷：塌陷；
背景#FFED86；
边界半径：6px；
溢出：隐藏；
最大宽度：800px；
宽度：100%；
保证金：0自动；
位置：相对位置；
}
表*{
位置：相对位置；
}
表td，表th{
左侧填充：8px；
}
表thead tr{
高度：60px；
背景#FFED86；
字体大小：16px；
}
表tbody tr{
高度：48px；
边框底部：1px实心#000000；
}
表tbody tr：最后一个孩子{
边界：0；
}
表td，表th{
文本对齐：左对齐；
}
表td.l，表th.l{
文本对齐：右对齐；
}
表td.c、表th.c{
文本对齐：居中；
}
表td.r，表th.r{
文本对齐：居中；
}
@媒体屏幕和屏幕（最大宽度：35.5em）{
桌子{
显示：块；
}
表>*，表tr，表td，表th{
显示：块；
}
餐桌{
显示：无；
}
表tbody tr{
高度：自动；
填充：8px0；
}
表tbody tr td{
左：45%；
边缘底部：12px；
}
表tbody tr td：最后一个孩子{
页边距底部：0；
}
表tbody tr td:before{
位置：绝对位置；
字号：700；
宽度：40%；
左：10px；
排名：0；
}
表tbody tr td:n个孩子（1）：之前{
内容：“家”；
}
表tbody tr td:n个孩子（2）：之前{
内容：“离开”；
}
表tbody tr td:n第三个孩子（3）：之前{
内容：“提示”；
}
表tbody tr td:n个孩子（4）：之前{
内容：“奇数”；
}
表tbody tr td:n个孩子（5）：之前{
内容：“日期”；
}
表tbody tr td:n个孩子（6）：之前{
内容：“时间”；
}
}
身体{
背景：#50040d；
字体：400 14px“Calibri”，“Arial”；
填充：20px；
}
大宗报价{
颜色：#ffed86；
文本对齐：居中；

最佳足球秘诀
最佳足球技巧
家
远离
提示
古怪的
日期
时间
最佳足球技巧
祝你好运

关闭您的

，

并在获取行的位置使用

。然后尝试下面的示例

表格{
边界间距：1；
边界塌陷：塌陷；
背景#FFED86；
边界半径：6px；
溢出：隐藏；
最大宽度：800px；
宽度：100%；
保证金：0自动；
位置：相对位置；
}
表*{
位置：相对位置；
}
表td，表th{
左侧填充：8px；
}
表thead tr{
高度：60px；
背景#FFED86；
字体大小：16px；
}
表tbody tr{
高度：48px；
边框底部：1px实心#000000；
}
表tbody tr：最后一个孩子{
边界：0；
}
表td，表th{
文本对齐：左对齐；
}
表td.l，表th.l{
文本对齐：右对齐；
}
表td.c、表th.c{
文本对齐：居中；
}
表td.r，表th.r{
文本对齐：居中；
}
@媒体屏幕和屏幕（最大宽度：35.5em）{
桌子{
显示：块；
}
表>*，表tr，表td，表th{
显示：块；
}
餐桌{
显示：无；
}
表tbody tr{
高度：自动；
填充：8px0；
}
表tbody tr td{
左：45%；
边缘底部：12px；
}
表tbody tr td：最后一个孩子{
页边距底部：0；
}
表tbody tr td:before{
位置：绝对位置；
字号：700；
宽度：40%；
左：10px；
排名：0；
}
表tbody tr td:n个孩子（1）：之前{
内容：“家”；
}
表tbody tr td:n个孩子（2）：之前{
内容：“离开”；
}
表tbody tr td:n第三个孩子（3）：之前{
内容：“提示”；
}
表tbody tr td:n个孩子（4）：之前{
内容：“奇数”；
}
表tbody tr td:n个孩子（5）：之前{
内容：“日期”；
}
表tbody tr td:n个孩子（6）：之前{
内容：“时间”；
}
}
身体{
背景：#50040d；
字体：400 14px“Calibri”，“Arial”；
填充：20px；
}
大宗报价{
颜色：#ffed86；
文本对齐：居中；
}

最佳足球技巧
家
远离
提示
古怪的
日期
时间
家
远离
提示
古怪的
日期
时间
家
远离
提示
古怪的
日期
时间
家
远离
提示
古怪的
日期
时间
最佳足球技巧
祝你好运

尝试使用

@媒体屏幕和（最大宽度：35.5em）{

合适的媒体queries@media屏幕和（最大宽度：35.5em）{表{display:block；已经有了，但没有效果。如果我把浏览器缩小到600像素以下，而不显示600像素以上的表格，那么在移动设备上，它显示的dektop视图的所有功能都是一样的。但是移动设备上只显示blockquotes，而不显示table这里有显示dektop视图和移动视图的图片。我只关闭并工作了。谢谢你是最好的PankajP请为正确答案投票并接受它。请解释我是如何投票的。点击上方的箭头并在我的答案上右键签名。我不能投票。但投票需要至少15个声誉，请查看此特权页面。对吗？