J'ai une page Web contenant plusieurs divs utilisant Je veux afficher Je cherche des réponses pour les questions suivantes:
Toute aide ou suggestion grandement appréciée.
merci,
Ashwin CSS-Grid ( diva et divb ) par exemple. Aussi, j'ai 2 moniteurs (écrans physiques).
diva dans le premier moniteur et divb dans second moniteur.
diva dans le premier moniteur et divb sur le
deuxième moniteur (de manière réactive)?
4 Réponses :
Modifiez votre résolution d'écran pour être une demi-hauteur et une largeur complète.
Ceci est une version extrême de surkill de ma réponse. Dans votre exemple, que se passe-t-il si les deux moniteurs sont des résolutions différentes? Vous serez dans le même bateau que vous êtes dans ma réponse.
Il n'y a rien que vous puissiez faire concernant plusieurs moniteurs à moins que je ne compromette pas complètement votre intention. L'utilisateur devrait avoir un navigateur réparti sur les deux moniteurs qui est très peu probable. Ce que vous pouvez faire, c'est que cela avec la grille CSS.
p>
<div class="wrapper"> <div class="div-a"> </div> <div class="div-b"> </div> </div>
Avoir votre navigateur ouvert sur les deux moniteurs en une seule page, vous pouvez le faire en utilisant le Brett Parsons Réponse ou faisant l'ancien style d'utilisation de 50% de la fenêtre pour le largeur, comme: CSS: mais comme Brett signalé, la majorité des utilisateurs en ligne ne seront pas ouverts sur deux moniteurs, c'est-à-dire si la majorité de sont en fait en utilisant deux moniteurs dual.
Je suis vraiment curieux de cette question cependant. Sur Mac, je ne peux même pas obtenir mon navigateur pour se répandre sur deux moniteurs. Je n'ai jamais essayé sur mon PC cependant.
@Brett Parsons Lors de l'épandage sur deux moniteurs, il est souvent en mode fenêtré et étirer la fenêtre horizontalement à la fin du côté de l'autre moniteur :)
Aucune infraction, mais c'est comme si vous essayez de casser le quatrième mur ici.
Je pourrais me tromper, mais seul le système d'exploitation conscient de l'existence des deux moniteurs. Donc, lorsque vous élargissez le navigateur à travers ces moniteurs, le navigateur n'a aucune conscience des moniteurs qu'elle occupait, seulement que son , techniquement, puisque nos éléments HTML fonctionnent à l'intérieur d'un navigateur, nous ne devrions pas être en mesure de détecter exactement la zone de l'écran sur chacun des moniteurs. D'autre part, que dirons-nous de deux fenêtres de navigateur différentes à la place? Par exemple. Utilisez JavaScript pour ouvrir une nouvelle fenêtre avec puis sur la deuxième fenêtre, que vous pouvez le faire glisser sur un autre écran, afficher un autre puis, afin de coordonner l'interaction / animation entre les deux fenêtres. Faites-le soit via le < Strong> Remarque: L'exemple ci-dessus ne fonctionnera que si les deux pages hébergent sous le même domaine. Sinon, vous devrez compter sur window.screen.width est plus grand que la normale. Donc, chaque fenêtre occupait chacun de l'écran, ayant 2
sur chaque écran.
secondwindow ou window.opener objet. PostMessage < / code> API à coordonner entre les deux fenêtres.
0 commentaires
Vous pouvez recevoir des réponses plus détaillées si vous posez une question par post.
Ok, merci pour votre conseil
@Ashwin j'ai ajouté une prime sur votre question pourriez-vous accepter les modifications s'il vous plaît
@AnyNameDonotCare - approuvé
Toujours non de ceux-ci est une réponse à la question.
Cela doit-il fonctionner partout?
Honnêtement, mais c'est assez stupide puisque les développeurs frontaux enveloppent le contenu dans les conteneurs de 1240px-largeur maximum, sans délit. Au fait, + 75% de trafic sur le site Web sont par des fenêtres mobiles, donc ...
@ clankill3r non, pas du tout, tu peux me donner des dimensions statiques