プロフィール

ぶ付REGULUS/あーきぃ
キモイのは意図的ですから!
大航海時代ONLINEのA鯖に生息中

カテゴリー

  • 徒然記 (316)
  • オモシロ記事? (5)
  • とりタン (28)
  • SITE更新 (33)
  • 絵的なアレコレ (138)
  • カレンダー

    09 | 2017/10 | 11
    1 2 3 4 5 6 7
    8 9 10 11 12 13 14
    15 16 17 18 19 20 21
    22 23 24 25 26 27 28
    29 30 31 - - - -

    アルバム

    Notes in blog

    (C)2005-2010 TECMO KOEI GAMES CO., LTD. All rights reserved. このホームページに掲載している『大航海時代 Online』の画像は、『大航海時代 Online』公式サイトにおいて使用許諾が明示されているもの、もしくは『大航海時代 Online』の有効なアカウントを所有しているユーザーが株式会社コーエーテクモゲームスから使用許諾を受けたものです

    最近の記事+コメント

    リンク

  • ロンドンストリートライブ!!(アーセナル)
  • アフロ航海記(ギルダー)
  • エロ鯖ロンドン商会ウィアソリス
  • みこちーうろうろ日記(柊みこ)
  • りおれいのぶろぐ(りおれい)
  • 酒と口説きとベーグルと俺と(クロガネー
  • 迷子の小航海(Liberty)
  • Come Sail Away(りっちー)
  • *RingoFactory*(Manon.Fabre)
  • 水無月黒真珠(ブーツストラップ・ビル)
  • try-angle(さんかく関数)
  • 遅いじゃないか、ミッターマイヤー…(ミッ
  • きっと明日はいい天気。(Neya)
  • お賽銭箱漂流記(パンダ大明神)
  • 明日にむかって迷走中(とりきち)
  • 殴り合い海(ウエシン)
  • これ、ぷらが作ったの(ぷらら)
  • ちゃるし機動部隊日記(ちゃるし)
  • 大航海時代onlineプレイの追憶(ネルソン)
  • 姫伯薄命www
  • 勝手に大冒険時代~GoingMyWay
  • 咲蘭の宇宙航海日誌 
  • Afición, ciega razón
  • A・ファーレンハイツの大航海日記
  • ウィッチ家回顧録
  • 孫ひーサンオン大航海珍道中
  • ですらあ戦記
  • そして海は静かに眠る(アイネ)
  • ●楽天市場
  • うさぎネーデルランド
  • たわむれごと航海誌
  • ひなたぼっこ
  • ある船乗りの大航海日誌~いろいろあったけどちょっとは有名になれたかな?~
  • このブログをリンクに追加する

    ■自分のサイト
    星矢向け(バナーがw)

    DOL向け(バナーがw)

    メールフォーム

    名前:
    メール:
    件名:
    本文:

    カレンダー(月別)

    RSSフィード

    ※各記事の最後にある【Articletop】ってのをクリックすると記事を連続して読む時にちょっと役立つよ!
    オヤジ-でんぷん-ガビョウ

    ついーと

    --------

    スポンサーサイト

    上記の広告は1ヶ月以上更新のないブログに表示されています。
    新しい記事を書く事で広告が消せます。
    2015-06-11

    Media QueriesとjQueryのワイド取得の差

    忘れそうなので自分備忘録用!!!

    なんか微妙に変な挙動をするな、と思ったのでキッチリ調べてみた!

    ・メディアクエリ
    <link type="text/css" rel="stylesheet" href="mobile.css" media="only screen and (max-width: 480px)" />
    これ、幅が480px以下だったらmobile.cssを読み込んでね、っていう記述。

    ・ジェイクエリー
    var w = $(window).width(); ←これで幅取得。これに・・・
    if (w <= 480) { アレコレ }
    もしwが480(px)以下だったら・・・アレコレしてって記述。

    480pxで同じなのに、ウィンドウ幅をいろいろ変えてみたが、この二つが同時発動しない!
    なんでだろうと調べてみたら。

    メディアクエリはスクロールバーを含めた表示領域を取得してるっぽい(IE11)、ジェイクエリーは純粋な表示領域(スクロールバー含まない)を取得しているのを見つける。

    マジカー orz

    ちなみに開発者にモテモテ大人気のchromeでも同じ結果。
    スクロールバーってブラウザで幅が違うから単純にマイナスいくつpxとか出来ないし。
    まぁせいぜい15px前後なので大仰にユーザーエージェントでいじくりまわす程でもないだろうし、基本大画面のPCなら気にすることもないだろうし、ページ閲覧中に頻繁にウィンドウサイズ変えることもないだろうからそこまで神経質にならなくてもいいよねってことにするw

    縦使い横使いを頻繁に変えるスマホやタブレットだとどうなるん? スクロールバーはスクロールするとき以外は非表示だし。基本スクロールバーはないって判断をしてそうだけど。
    まだ調べてないので何とも言えない。

    誰かおせーて♪

    コメントの投稿

    trackback

    上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。