text automatically resizes without media queries (responsive design)

Solution 1:

  1. You can use vw and vh which resize relatively to the viewport:

    1vw = 1% of viewport width
    1vh = 1% of viewport height
    1vmin = 1vw or 1vh, whichever is smaller
    1vmax = 1vw or 1vh, whichever is larger
    

    http://css-tricks.com/viewport-sized-typography/

  2. You can use JavaScript: e.g: http://fittextjs.com/