【スマホサイト】html、CSSスマホの切り分け | さけブロ。♡主にディズニー、htmlやcssなどのメモも♡

さけブロ。♡主にディズニー、htmlやcssなどのメモも♡

自分用htmlやcssなどメモ&身内向け料理日記&ただのディズニーマニア。海外ディズニーが最近好きすぎてヤバイ。WDW、DLR、HKDL、DLP、アウラニ、SHDL訪問済。クルーズも参加済。

PCスマホのレスポンシブのために必ず必要な文!!

 

【スマホPC切り分け】

<script type="text/javascript">
if (screen.width >= 1024) document.write('<meta name="viewport" content="width=1060">');
else document.write('<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1.5">');
</script>

 

【CSS切り分け】

<link rel="stylesheet" type="text/css" href="/style.css" media="screen and (min-width: 1025px),print" />
<link rel="stylesheet" href="/style_sp.css" media="screen and (max-width:1024px)" />

 

レスポンシブのために必ず書こう!