【JavaScript】PCとiPadだけviewport設定なしにする

サイト作成時、レスポンシブにしたくてもできないときがある。
そんなときは、PCとiPadのときだけ、viewport設定なしにするといい。

JavaScript

if ((navigator.userAgent.indexOf('iPhone') > 0) || navigator.userAgent.indexOf('iPod') > 0 || navigator.userAgent.indexOf('Android') > 0) 
{
    //iPhone、iPod、Androidの設定
    document.write('<meta name="viewport" content="width=device-width,initial-scale=1">');
}
else {
    //それ以外(PC、iPadなど)の設定
    document.write('');
}
Web design gallery - デザインのこと - ウェブデザインあつめました。
いつかのこと

おすすめ

Googleさんのおすすめ

Googleさんのおすすめ

デザインの記事

映画『花束みたいな恋をした』公式サイト
映画『花束みたいな恋をした』公式サイト

Fatal error: Uncaught FeedException: Cannot load feed. in /home/naroom125/125naroom.com/public_html/wp/wp-content/themes/design125naroom/inc/Feed.php:188 Stack trace: #0 /home/naroom125/125naroom.com/public_html/wp/wp-content/themes/design125naroom/inc/Feed.php(51): Feed::loadXml('https://itukano...', NULL, NULL) #1 /home/naroom125/125naroom.com/public_html/wp/wp-content/themes/design125naroom/other_list.php(73): Feed::loadRss('https://itukano...') #2 /home/naroom125/125naroom.com/public_html/wp/wp-includes/template.php(732): require('/home/naroom125...') #3 /home/naroom125/125naroom.com/public_html/wp/wp-includes/template.php(676): load_template('/home/naroom125...', false, Array) #4 /home/naroom125/125naroom.com/public_html/wp/wp-includes/general-template.php(204): locate_template(Array, true, false, Array) #5 /home/naroom125/125naroom.com/public_html/wp/wp-content/themes/design125naroom/single01.php(192): get_template_part('other_list') #6 /home/naroom125/125naroom.com/public_html/wp/wp-content/themes/design125naroom/s in /home/naroom125/125naroom.com/public_html/wp/wp-content/themes/design125naroom/inc/Feed.php on line 188