serpentron
 
(Mikhail Kryshen)
2016-04-12: CSS: image rendering mode, overflows.

CSS: image rendering mode, overflows.

diff --git a/index.html b/index.html
--- a/index.html
+++ b/index.html
@@ -51,12 +51,9 @@
              position: absolute;
              width: 100%;
              height: 100%;
-             /* image-rendering: optimizeSpeed;
-                image-rendering: -moz-crisp-edges;
-                image-rendering: -webkit-optimize-contrast;
-                image-rendering: -o-crisp-edges; */
-             image-rendering: pixelated;         
-             /* -ms-interpolation-mode: nearest-neighbor; */
+             image-rendering: -moz-crisp-edges;
+             image-rendering: -webkit-crisp-edges;
+             image-rendering: pixelated;
          }
          #field {
              position: relative;
@@ -67,10 +64,11 @@
              margin: 0;
              padding: 15px;
              position: absolute;
-             top: 0;
-             left: 0;
-             bottom: 0;
-             right: 0;
+             box-sizing: border-box;
+             width: 100%;
+             height: 100%;
+             white-space: nowrap;
+             overflow: auto;
          }
          #message {
              color: white;