Thursday, July 21, 2016

Smallest font size in Chrome

Since Chrome has a smallest font size setting, you can't use CSS to set font size less than (12px, by default):

   font-size: 6px !important; /* This has no effect ! Sigh .. */


Instead, you may consider to use transform instead:

   transform: scale(0.833); /* 10/12 = 0.833 */


And you may also consider to shift the <div> container to fix the position changed by transform:

   position: relative;
   left: -15px;


CSP on Apache

To add CSP to root if sort of funny. The following will NOT work for most cases !!     <LocationMatch "^/$">        Header s...