контролировать мой скелет HTML5 с помощью css3 с помощью Media Query - PullRequest
Новая
       1

контролировать мой скелет HTML5 с помощью css3 с помощью Media Query

0 голосов
/ 19 января 2019

Я делаю веб-сайт в версии для ПК, и я хотел бы добавить несколько версий с Media Query для мобильных версий,

Я узнал это с помощью css3, за исключением того, что я задаю себе вопрос, как я могу изменить структуру с помощью css 

<!DOCTYPE html>
<html>
<head>
<title>title</title>
</head>
 <body>
<?php 
$id = $_POST['T0']; // Recuperer le identifiant 
$nom = $_POST['T1'];// Recuperer le nom 
$prenom = $_POST['T2']; // Recuperer le prenom 
?>
  <form method="POST" action="myphp.php"> <br>
<table border="1" cellspacing="2" cellpadding="2">
<tr>
    <td>Identifiant</td>
    <td> <input type="text" name="T0"></td>
</tr>
<tr>
    <td>nom</td>
    <td> <input type="text" name="T1"></td>
</tr>
<tr>
    <td>prenom</td>
    <td> <input type="text" name="T2"></td>
</tr>


 </table>
 <input type="Submit" name="button" value="Envoyer Request"> 
 </form>
 <br> <center><h1 style="color: red;">
<?php
echo "bienvenue $nom $prenom votre identifiant est $id";
?>

</h1></center>
 </body>
</html>

пример в моей компьютерной версии: 

<p> a sentence

<Table>

я хочу, чтобы в моей мобильной версии было: 

<Table>

<p> a sentence

это можно сделать с помощью CSS или мне нужно изменить HTML5?

1 Ответ

0 голосов
/ 19 января 2019

CSS только элементы стиля.Он не может изменять сам HTML, поэтому вам действительно придется изменять сам HTML.

Обратите внимание, что существуют некоторые свойства CSS, которые позволяют создать впечатление, что некоторые элементы были в другом порядке.HTML, например flex-order : 

.right-order {
  display: flex;
  flex-direction: column;
}

.wrong-order {
  display: flex;
  flex-direction: column-reverse;
}
<div class="right-order">
  <p>hello</p>
  <p>world</p>
</div>

<hr>

<div class="wrong-order">
  <p>hello</p>
  <p>world</p>
</div>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...