nntrn
2/22/2019 - 12:40 PM

[viewport stuff]

[viewport stuff]

default-header.html
content_copyfile_download
<!DOCTYPE html>

<head>
<meta charset="utf-8">
<meta content="True" name="HandheldFriendly">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>title</title>
<link rel="icon" type="image/png" href="siteicon.png" sizes="any">
  
<meta property="og:title" content="nntrn"/>
<meta property="og:url" content="https://nntrn.github.io"/>
<meta property="og:description" content="kinda cool kinda nerdy"/>
<meta property="og:image" content="image.png"/>
<meta name="robots" content="noindex"/>
  

<link rel='stylesheet' href='https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css'>
<link rel='stylesheet' href='font.css'>
<link rel='stylesheet' href='style.css'>

<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js'></script>
<script src="script.js"></script>
</head>
more-viewports.html
content_copyfile_download
<meta name="viewport" content="width=device-width, initial-scale=1, minimal-ui"/>
<meta http-equiv="Content-Type" content="text/html" charSet="utf-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>


<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta http-equiv="Content-Language" content="en"/>

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"/>



<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="HandheldFriendly" content="true">
responsive.js
content_copyfile_download
  <script type="text/javascript">
    r$.settings().debug = true;
    r$.settings().indent = true;
    r$.settings().useMediaQuery = false;
    r$.breakpoints(300, 767, 1280, 1600);

    var width = r$.set('width', 'px').values(200, 600, 1000, 1400);

    //width.interval().applyTo('#wrapper');
    width.linearInt(5).applyTo('#wrapper');
    r$.start();

    //print ouput
    $(document).ready(function () {
      $(window).resize(function () {
        printCssToHtml();
      });
      printCssToHtml();
    });

    function printCssToHtml() {
      var out = $('#staticMediaQueries').length > 0 ? $('#staticMediaQueries').html() : '';
      out = out.replace(/\n/g, '<br/>').replace(/\t/g, '&nbsp;&nbsp;&nbsp;');
      $('#output').html(out);
    }
  </script>