Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
响应表(纯html/css)_Html_Css - Fatal编程技术网

响应表(纯html/css)

响应表(纯html/css),html,css,Html,Css,code: 如果屏幕变小,我希望表格将td移动到下一行(现在它将表格扩展到div的宽度之外)。我试着在桌子上使用margin:auto,它将它放在div的中心,但它不适应屏幕大小。 您可能要考虑的是在特定大小限制下更改“块”的显示属性。例如: @media (max-width: 600px){ td{ display:block } } 您可能要考虑的是在特定大小限制下更改“块”的显示属性。例如: @media (max-width: 600px){ td{ d

code

如果屏幕变小,我希望表格将td移动到下一行(现在它将表格扩展到div的宽度之外)。我试着在桌子上使用
margin:auto
,它将它放在div的中心,但它不适应屏幕大小。


您可能要考虑的是在特定大小限制下更改“块”的显示属性。例如:

@media (max-width: 600px){
  td{
    display:block
  }
}

您可能要考虑的是在特定大小限制下更改“块”的显示属性。例如:

@media (max-width: 600px){
  td{
    display:block
  }
}
我认为当屏幕宽度符合您的小概念时,您应该使用并将表格单元格的宽度设置为100%(或者更改
显示
属性)(我认为768px是移动设备的正常
最大宽度
,现在不记得了)

我在底部给出的链接中有一个例子。

我认为当屏幕宽度符合您的小概念时,您应该使用并将表格单元格的宽度设置为100%(或者更改
display
属性)(我认为768px是移动设备的正常
最大宽度,现在不记得了)

在我给出的链接的底部有一个例子