响应表(纯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是移动设备的正常最大宽度,现在不记得了)
在我给出的链接的底部有一个例子