Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>In response to the above comment by @martin (he is correct), I created a complicated workaround using javascript (includes some jQuery) and some of @Mr. Alien's css. Unquestionably, there are other ways to accomplish this - perhaps simpler, but, the following js and css combo works for me:</p> <blockquote> <blockquote> <p><strong>css</strong></p> </blockquote> </blockquote> <pre><code>.zoom{ -moz-transform: scale(2); /* Firefox */ -moz-transform-origin: 0 0; -o-transform: scale(2); /* Opera */ -o-transform-origin: 0 0; zoom:2 /*IE*/; } //Notice the absence of any Webkit Transforms </code></pre> <blockquote> <blockquote> <p><strong>javascript</strong></p> </blockquote> </blockquote> <pre><code>(function($){ var version=false, isSafari=Object.prototype.toString.call(window.HTMLElement).indexOf('Constructor') &gt; 0, isOpera=!!window.opera || navigator.userAgent.indexOf(' OPR/') &gt;= 0, isChrome=!!window.chrome &amp;&amp; !isOpera; if(isChrome){ version=(window.navigator.appVersion.match(/Chrome\/(\d+)\./)!==null) ? parseInt(window.navigator.appVersion.match(/Chrome\/(\d+)\./)[1], 10) : 0; version=(version &gt;= 10) ? true : false; // Don't know what version they switched it. Figured that this was a good guess } // I added the extra ternary check in there because when testing in Chrome, // if I switched the user agent in the overrides section, it kept failing with // null value for version. if(isSafari || version){ $('.zoom').css('-webkit-transform','scale(2)'); $('.zoom').css('-webkit-transform-origin','0 0'); // If Scaling based upon different resolutions, a check could be included here // for window size, and the css could be adjusted accordingly. } }(jQuery)) </code></pre> <p>The browser detection code came from <a href="https://stackoverflow.com/questions/9847580/how-to-detect-safari-chrome-ie-firefox-and-opera-browser">here</a> and the Chrome version detection snippet came from <a href="https://stackoverflow.com/questions/4900436/detect-version-of-chrome-installed">this post</a>.</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload