Hoje descobri que um <body> com um width:600px é o ideal para trabalhar com um celular, no modo paisagem, ele é um espaço bem apertado, principalmente se você tiver 9 campos para exibir em cada linha. Então decidi exibir apenas 4 campos e ocultar os demais.
Para dispensar o JavaScript para mostrar ou ocultar a <div> usei o marcador <details>, assim:
<?php
$dados =[['cod'=>1,'desc'=>"maçã"],['cod'=>2,'desc'=>"pera"]];?><!DOCTYPE html><htmllang="pt-BR"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width, initial-scale=1.0,
maximum-scale=1.0, user-scalable=no"><title>Exemplo de Alternância de Divs</title><scriptsrc="https://cdn.tailwindcss.com"></script></head><style> summary {list-style:none}</style><bodyclass="p-4"><?php foreach($dados as $dado):?><detailsclass="mb-4"><summaryclass="cursor-pointer"><?=$dado['cod']?></summary><divclass="p-4 bg-gray-100"><?=$dado['desc']?></div></details><?php endforeach;?></body></html>
Pergunta
Frank K Hosaka
Hoje descobri que um <body> com um width:600px é o ideal para trabalhar com um celular, no modo paisagem, ele é um espaço bem apertado, principalmente se você tiver 9 campos para exibir em cada linha. Então decidi exibir apenas 4 campos e ocultar os demais.
Para dispensar o JavaScript para mostrar ou ocultar a <div> usei o marcador <details>, assim:
Link para o comentário
Compartilhar em outros sites
0 respostass a esta questão
Posts Recomendados
Participe da discussão
Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.