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 diff
     1.1 --- a/index.html	Sat Apr 02 13:22:28 2016 +0300
     1.2 +++ b/index.html	Tue Apr 12 23:33:40 2016 +0300
     1.3 @@ -51,12 +51,9 @@
     1.4               position: absolute;
     1.5               width: 100%;
     1.6               height: 100%;
     1.7 -             /* image-rendering: optimizeSpeed;
     1.8 -                image-rendering: -moz-crisp-edges;
     1.9 -                image-rendering: -webkit-optimize-contrast;
    1.10 -                image-rendering: -o-crisp-edges; */
    1.11 -             image-rendering: pixelated;         
    1.12 -             /* -ms-interpolation-mode: nearest-neighbor; */
    1.13 +             image-rendering: -moz-crisp-edges;
    1.14 +             image-rendering: -webkit-crisp-edges;
    1.15 +             image-rendering: pixelated;
    1.16           }
    1.17           #field {
    1.18               position: relative;
    1.19 @@ -67,10 +64,11 @@
    1.20               margin: 0;
    1.21               padding: 15px;
    1.22               position: absolute;
    1.23 -             top: 0;
    1.24 -             left: 0;
    1.25 -             bottom: 0;
    1.26 -             right: 0;
    1.27 +             box-sizing: border-box;
    1.28 +             width: 100%;
    1.29 +             height: 100%;
    1.30 +             white-space: nowrap;
    1.31 +             overflow: auto;
    1.32           }
    1.33           #message {
    1.34               color: white;