changeset 14:c86e88127e13

CSS: image rendering mode, overflows.
author Mikhail Kryshen <mikhail@kryshen.net>
date Tue, 12 Apr 2016 23:33:40 +0300
parents 41d1ece8e05a
children 7811c5ea0700
files index.html
diffstat 1 files changed, 8 insertions(+), 10 deletions(-) [+]
line wrap: on
line diff
--- a/index.html	Sat Apr 02 13:22:28 2016 +0300
+++ b/index.html	Tue Apr 12 23:33:40 2016 +0300
@@ -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;