2016-04-22 10 views
1

Ich habe ziemlich seltsame Frage. Gibt es eine Möglichkeit, die Auflösung in PHP/Javascript zu simulieren? Nehmen wir an, meine aktuelle Bildschirmauflösung ist 1280x800. Ich habe einen Container, der 50% Breite der Webseite hat, darin würde ich gerne sehen können, wie etwas in unterschiedlicher Auflösung aussieht, sagen wir, auf 1600x900 Laptop-Bildschirm. Es sollte nur innerhalb dieses Containers angezeigt werden. Ist es möglich? Wie kann es erreicht werden?Auflösung Simulation innerhalb der Website mit PHP

+1

Auf Google Chrome, wenn Sie die Entwickler-Tools öffnen, können Sie das tun – VirginieLGB

+0

Sache ist, würde ich es auf der Website sichtbar haben, wie es selbst – JustinasT

Antwort

1

könnten Sie verwenden CSS zoom

Css

.r100_50 { 
    width: 100px; 
    height: 50px; 
    background-color: #A00; 
} 

Html

<div class="r100_50"> 
    This is 100 x 50 
</div> 
<div class="r100_50" style="zoom: 0.25"> 
    This is 100 x 50 x 0.25 
</div> 
<div class="r100_50" style="zoom: 2"> 
    This is 100 x 50 x 2 
</div> 

jsFiddle (zoom)

EDIT: Weitere (besser) Art und Weise istzu verwendenwie von Justinas aufgezeigt.

jsFiddle (transform)

+1

** Zoom ist eine alte Sache IE. Es ist nicht etwas, was Sie auf Live-Sites verwenden sollten. Wenn Sie Inhalte skalieren möchten, verwenden Sie CSS-Transformationen ** - Ihr bereitgestelltes jsFiddle funktioniert nicht. – Justinas

+0

Nun, jsFidle funktioniert in Chrome, nicht in Firefox, wie ich gerade herausgefunden habe ... aber ja, Transformation wäre besser geeignet ... – Buksy

+0

Danke für schnelle Antwort! – JustinasT

Verwandte Themen