【JavaScript】PCとiPadだけviewport設定なしにする
- 2019.2.25
- JavaScript
サイト作成時、レスポンシブにしたくてもできないときがある。
そんなときは、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 / 2019.11.14
- 【JavaScript】オンマウスで別の画像に切り替える
- web / 2020.5.1
- 【JavaScript】画像を遅延表示させる『lazysizes』の実装サンプル集
- web / 2019.2.25
- 【JavaScript】PCとiPadだけviewport設定なしにする
Googleさんのおすすめ
人気記事
- web / 2019.4.16
- 【CSS】ハンバーガーメニュー実装サンプル集（クリック時のエフェクトも集めました）
- web / 2019.7.22
- 【jQuery】アコーディオン実装サンプル10選
- web / 2019.7.24
- 【jQuery】ページ内リンクでスムーズスクロール（スクロール位置の調整も簡単にできる）
- web / 2019.9.27
- 【jQuery】スライダープラグイン「slick」実装サンプル集
- web / 2019.7.19
- 【CSS】olのリストで①、②、③（丸数字）を表示させる
- web / 2019.10.2
- 【jQuery】モーダルプラグイン『Remodal』の実装サンプル集
- web / 2019.1.22
- 【CSS】三角アイコンと矢印アイコンをつくる
Googleさんのおすすめ
デザインの記事
- 2020.11.30New
- 映画『花束みたいな恋をした』公式サイト
- 国内、海外のウェブデザイン、パソコン・タブレット・スマートフォンでも見やすいレスポンシブ対応の「あ、いいな」と思うウェブデザインを集めています。
- デザインのこと – Web design gallery
- 2020.11.30New
- 映画『花束みたいな恋をした』公式サイト
- 国内、海外のウェブデザイン、パソコン・タブレット・スマートフォンでも見やすいレスポンシブ対応の「あ、いいな」と思うウェブデザインを集めています。
- デザインのこと – Web design gallery
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