2010-04-13 7 views
2

Je dois faire une fenêtre 3: 4, où 3 est 75% de l'écran. Comment pourrais-je définir la largeur? Comme si j'avais une hauteur de 100px et un moniteur de largeur 1000000000000px, que je shold avoir une fenêtre de 75: 100px.Comment utiliser la largeur par rapport à la hauteur?

J'ai entendu dire que cela pouvait être fait avec Javascript.

+4

S'il vous plaît ne pas confondre [Javascript] (http://en.wikipedia.org/wiki/JavaScript) avec [Java] (http://en.wikipedia.org/wiki/Java_%28programming_language%29). C'est comme un tapis à la voiture. J'ai mis à jour la question en conséquence. – BalusC

+4

Encore plus important: ne pas redimensionner ma fenêtre. Toujours toujours toujours. Ne croyez pas que vous savez mieux que moi quelle devrait être la taille de ma fenêtre pour votre application. Faites en sorte que votre mise en page soit flexible pour qu'elle soit correcte à n'importe quelle taille, plutôt que de perturber complètement mon expérience de navigation. Je vais immédiatement quitter votre site Web si vous le faites. – Matchu

+0

Haha, allez! C'est une fenêtre JQuery en haut de votre page! – TRAVA

Répondre

2

75 * (4/3) // ou tout autre rapport

largeur * (rapport inversé)

function getWidth(height, ratioInPercentage) 
{ 
    return height*(ratioInPercentage/100); 
} 

utilisation:

width = getWidth(100,75); 
+1

Et où dois-je écrire cela? – TRAVA

+0

Ce n'est pas exactement un exemple de code complet. Il dit simplement "multiplier la largeur par le ratio". – Matchu

+0

Ce qui est à peu près ce que le PO a demandé. Étant donné plus de détails, une solution plus complète pourrait être fournie. – jfrobishow

0

fonction window.resizeTo vous permettra pour redimensionner la fenêtre.
IE prend en charge cette option si votre page est le seul onglet de la fenêtre.
Chrome ne supporte pas cela.

Vous pouvez utiliser screen.width et screen.height pour obtenir la dimension de l'écran

+0

Alors, comment dois-je l'écrire et où? – TRAVA

+0

note: screen.width et .height se réfèrent à l'ensemble de l'écran, pas à la fenêtre du navigateur. Vous pouvez en fait vouloir window.innerWidth et .innerHeight. (Je suis conscient que l'OP a demandé des dimensions d'écran, mais ce n'est pas une mesure très utile) – Piskvor

+0

note: window.innerWidth n'est pas supporté par tous les navigateurs, ce qui rend cet enfer vivant. Vous devrez écrire un JS spécifique au navigateur. – Warty

Questions connexes