Android > 様々な画面サイズのスマホに対応する為に

  • HTML
  1. <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no>

  • smart.css
  1. body {
  2. width:600px;
  3. }
  4.  

  • javascript
  1. $(function() {
  2. $(window).resize(function(){ setZoom() });
  3. setZoom();
  4. });
  5. function setZoom(){
  6. var scale = $(window).width() / $('body').width() * 100 + "%";
  7. $('html').css({'zoom' : scale });
  8. }
  9.  

出典

最終更新:2016年04月04日 21:38