Conception de layout responsive avec les media queries CSS-éditeur en ligne d'exemple(oldtoolbag.com)

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Conception de layout responsive avec les media queries CSS -tutoriel de base oldtoolbag.com</title>
<style> 
.column {
    width: 48%;
    padding: 0 15px;
    box-sizing: border-box;
    background: #97ddff;
    float: left;
}
.container .column:first-child{
    margin-right: 4%;
}
@media screen and (max-width: 767px){
    .column {
        width: 100%;
        padding: 5px 20px;
        float: none;
    }
    .container .column:first-child{
        margin-right: 0;
        margin-bottom: 20px;
    }
}
</style>
</head>
<body>
	<div class="container">
		<div class="column">
            <p> L'empereur précédent a commencé son œuvre à mi-chemin mais est décédé subitement, maintenant le monde est divisé en trois, le Yizhou est épuisé, c'est en effet le moment de la crise de survie ou de mort. Cependant, les gardes du corps et les sages qui oublient leur propre vie à l'extérieur, poursuivant le traitement spécial de l'empereur précédent, veulent le rendre à Votre Majesté. Il est donc vraiment approprié d'ouvrir grand l'oreille, pour briller la dévotion laissée par l'empereur précédent, pour étendre l'esprit des sages, et ne pas se dénigrer soi-même, pour ne pas utiliser des analogies mal appropriées, pour boucher la voie des conseils loyaux.
Le palais et le gouvernement sont un seul et même organisme, les promotions et les sanctions, les éloges et les blâmes ne devraient pas être différents. Si quelqu'un commet une fraude ou un délit, ou si quelqu'un est loyal et bon, il devrait être soumis à l'avis des autorités compétentes pour que ses peines et récompenses soient justes, afin de montrer l'équité de Votre Majesté, et ne pas être partial, de sorte que les lois soient différentes à l'intérieur et à l'extérieur.
Les conseillers du roi Guo Youzhi, Fei Yi, Dong Yun et autres, tous sont bons et sincères, dévoués et sincères, c'est pourquoi l'empereur précédent les a choisis pour léguer à Votre Majesté. Je pense que toutes les affaires du palais peuvent être consultées avec eux, puis mises en œuvre, ce qui permettra de combler les lacunes et d'apporter des avantages./p>
        </div>
		<div class="column">
            <p> Le général Xiang Chong, de caractère gracieux et équitable, bien informé des affaires militaires, a été testé par l'empereur précédent, qui l'a appelé un talent, c'est pourquoi l'opinion publique a proposé que Xiang Chong soit nommé gouverneur. Je pense que toutes les affaires du camp peuvent être consultées avec lui, ce qui permettra à l'armée de fonctionner harmonieusement, et que les mérites et les défauts pourront être traités équitablement.
Rapprocher les sages et éloigner les méchants, c'est pourquoi la dynastie des Han anciens a prospéré ; rapprocher les méchants et éloigner les sages, c'est pourquoi la dynastie des Han récents a chuté. Lorsque l'empereur précédent était encore en vie, chaque fois que nous discutions de cette affaire, je n'ai jamais manqué de regretter et de déplorer les Huan et Ling. Les conseillers du roi, les secrétaires, les administrateurs, les officiers, tous étaient des sages dévoués à la mort, je prie Votre Majesté de les aimer et de les croire, alors la prospérité de la dynastie des Han peut être attendue en un nombre d'années déterminé.
Je suis né dans une famille modeste, cultivant la terre à Nanyang, essayant de sauver ma vie dans les temps troublés, sans chercher à devenir célèbre parmi les princes. L'empereur précédent, sans me considérer comme humble et méprisable, s'est dégrangé lui-même, m'a visité trois fois dans ma petite maison de paille, m'a consulté sur les affaires du monde, et ainsi j'ai été touché et décidé de suivre l'empereur précédent. Plus tard, à la chute de l'empire, j'ai été nommé au moment de la défaite de l'armée, au moment de la crise, pendant vingt et un ans. </p>
        </div>
	</div>
</body>
</html>