スマホからのアクセスを判別して動作を切り替えるCSS、PHP、Javascript、.htaccess CSSで切り替える デバイスの幅によって動作をきりかえます。下記だと最大幅480pxの場合は「sp.css」を参照します。 <link rel="stylesheet" type="text/css" media="only screen and (max-device-width:480px)" href="./layout/sp.css"/> <link rel="stylesheet" type="text/css" media="screen and (min-device-width:481px)" href="./layout/pc.css" /> PHPで切り替える ユーザーエージェントを判別してPHPで条件分岐します。 <?php $ua=$_SERVER['HTTP_U
タグ
- すべて
- !important (17)
- .htaccess (6)
- 100shiki (2)
- 2009 (2)
- 2010 (6)
- 2011 (3)
- 2ch (117)
- App (32)
- BBC (2)
- BEAT CRUSADERS (2)
- BEATCRUSADERS (3)
- BECR (7)
- BTTF (5)
- CBMD (3)
- CD (2)
- CGI (3)
- COOL (7)
- Custom Field Suite (2)
- DPZ (14)
- Dreamweaver (16)
- EC (5)
- English (28)
- FOAF (2)
- FRF (8)
- Fireworks (30)
- Flash (23)
- Glastonbury (4)
- Google Maps API (3)
- Google Talk (2)
- Helvetica (2)
- IE (14)
- ITS (2)
- Illustrator (15)
- KDDI (2)
- LED (2)
- MAMP (4)
- MLB (2)
- MT (45)
- MT4i (2)
- MT5 (12)
- MTDDC (2)
- MTOS (2)
- Macromedia (2)
- Masonry (3)
- Movable Type (47)
- MovableTpye (5)
- MovableType (132)
- MovablrType (2)
- NME (4)
- OGP (6)
- OSC (2)
- Ok Go (2)
- PDF (5)
- PIZZICATO FIVE (2)
- PV (6)
- Pitchfork (4)
- RDF (2)
- RO69 (9)
- RSR (24)
- RSS (14)
- SEO (20)
- SOHO (3)
- ScrollMagic (2)
- Spotify (4)
- Thunderbird (2)
- TinyMCE (3)
- TweenMax (4)
- TypePad (2)
- UI (28)
- UK (5)
- Ustream (6)
- WEBデザイナー (8)
- WYSIWYG (3)
- WordsPress (5)
- XAMPP (9)
- XHTML (12)
- XML (2)
- a-blog (3)
- accessibility (2)
- adbe (2)
- addon (3)
- adobe (8)
- airline (15)
- airport (5)
- ajax (24)
- amazon (5)
- animal (2)
- animation (10)
- anime (3)
- apple (30)
- application (3)
- arabaki (13)
- art (11)
- artist (2)
- artwork (2)
- au (2)
- banksy (6)
- baseball (17)
- bgm (2)
- blod (4)
- blog (84)
- blot (2)
- blur (21)
- book (57)
- bookmarklet (2)
- bootstrap (5)
- bounce (4)
- broadcast (2)
- browser (11)
- business (108)
- camera (22)
- car (5)
- card (3)
- cat (11)
- chat (2)
- chrome (3)
- cinema (2)
- clubking (2)
- cms (47)
- coda (2)
- color (20)
- comic (5)
- communication (35)
- community (5)
- company (4)
- contact form 7 (2)
- contactform7 (3)
- copyright (5)
- cosme (3)
- craft (2)
- css (185)
- css3 (13)
- cssnite (3)
- date (2)
- del.icio.us (4)
- design (167)
- designer (2)
- desk (6)
- devo (3)
- document (4)
- download (2)
- drink (4)
- dropbox (2)
- drupal (2)
- ebook (2)
- economy (2)
- editor (4)
- email (3)
- eps (3)
- event (54)
- evernote (3)
- facebook (25)
- fashion (7)
- favicon (3)
- fax (2)
- fbml (3)
- feed (9)
- fes (67)
- fighters (5)
- firefox (7)
- flickr (9)
- font (59)
- food (19)
- footer (2)
- form (11)
- framework (2)
- fujirock (22)
- fun (4)
- funny (8)
- gadget (52)
- gallery (5)
- game (7)
- generator (5)
- gmail (4)
- goodesign (10)
- goods (4)
- google (61)
- googlemap (10)
- googlemaps (5)
- gorillaz (7)
- graphic (16)
- graphick (6)
- grid (3)
- gtd (2)
- hardware (50)
- hatena (16)
- health (30)
- hokkaido (10)
- htaccess (5)
- html (86)
- html5 (10)
- human (3)
- iPad (10)
- iPhone (30)
- iPod (19)
- iPodtouch (3)
- iTMS (2)
- iTunes (8)
- icon (29)
- icons (2)
- idea (4)
- image (19)
- images (5)
- inspiration (5)
- instagram (4)
- internet (8)
- interview (9)
- j-pop (35)
- jQuery Mobile (3)
- japan (6)
- japanese (2)
- javascript (85)
- job (4)
- jquery (90)
- js (6)
- kindle (2)
- layout (20)
- lego (3)
- life (38)
- lifehack (22)
- lifehacks (2)
- lifestyle (2)
- live (11)
- livedoor (4)
- logo (12)
- london (2)
- mac (55)
- maerial (2)
- magazine (6)
- mail (11)
- map (8)
- marketing (11)
- materiai (2)
- material (53)
- media (7)
- medical (4)
- mental (4)
- mixi (9)
- mobile (37)
- money (6)
- motion (3)
- movie (45)
- mtml (2)
- mtプラグイン (3)
- music (387)
- musics (2)
- mysql (3)
- namecard (2)
- navigation (6)
- neta (30)
- news (30)
- note (3)
- okgo (2)
- opensource (2)
- outdoor (3)
- p2p (2)
- palm (2)
- parallax (2)
- pattern (2)
- people (2)
- perl (2)
- person (4)
- personal (2)
- photo (76)
- photoshop (44)
- php (22)
- pictgram (2)
- picture (2)
- pink (3)
- plugin (52)
- podcast (6)
- pogoplug (2)
- polysics (12)
- pop (4)
- print (4)
- pug (2)
- radio (3)
- record (2)
- resource (2)
- responsive (18)
- review (4)
- rwd (2)
- sapporo (11)
- sass (8)
- script (4)
- search (5)
- security (10)
- server (3)
- service (4)
- shop (6)
- shopping (10)
- sickness (3)
- sitemap (2)
- sixapart (3)
- skill (4)
- skype (5)
- slick (2)
- slider (2)
- sns (20)
- social (19)
- software (62)
- sony (7)
- sound (5)
- sport (2)
- sports (12)
- squeeze (2)
- statinary (2)
- stationary (2)
- stationery (3)
- streaming (7)
- study (15)
- sweets (2)
- swiper (2)
- table (2)
- tag (7)
- tagging (2)
- techcrunch (8)
- template (21)
- text (29)
- texture (4)
- theme (12)
- time (4)
- tips (228)
- tool (94)
- tools (16)
- touch (5)
- towerrecords (2)
- toy (4)
- travel (7)
- trend (4)
- trip (2)
- tumblr (4)
- tutorial (7)
- tutorials (3)
- tv (9)
- twitter (47)
- typography (7)
- usability (6)
- vector (3)
- video (4)
- vip (14)
- wear (4)
- web (207)
- web 2.0 (15)
- web2.0 (32)
- webdesgin (5)
- webdesign (295)
- webserveice (3)
- webservice (83)
- webサイト (5)
- webサービス (56)
- webツール (29)
- webデザイン (136)
- web制作 (34)
- web標準 (6)
- wiki (4)
- windows (17)
- wired (9)
- wishlist (11)
- word (8)
- wordpress (169)
- work (62)
- world (4)
- writing (9)
- www (17)
- youtube (21)
- あとで読む (4)
- これはすごい (11)
- これはひどい (14)
- はてな (10)
- はてなブックマーク (4)
- はまちちゃん (5)
- まとめ (9)
- アイコン (4)
- アフィリエイト (3)
- インターフェース (5)
- ウェブ (3)
- ウェブログ (7)
- ゲーム (4)
- コミュニケーション (7)
- コンテンツ (5)
- サイドバー (7)
- シックス・アパート (6)
- ジェネレータ (7)
- スタイルシート (5)
- ソフト (4)
- ソフトウェア (3)
- チュートリアル (4)
- ツール (32)
- テンプレート (5)
- デザイン (38)
- ナタリー (35)
- ニコニコ動画 (10)
- ニュース (6)
- ネタ (14)
- ビジネス (6)
- フォント (3)
- ブラウザ (4)
- ブログ (22)
- プラグイン (3)
- プレゼン (4)
- プログラミング (3)
- プログラム (4)
- ポッドキャスト (5)
- メディア (4)
- ライブドア (5)
- リファレンス (7)
- リンク集 (3)
- レイアウト (9)
- レスポンシブ (5)
- 中国語 (3)
- 事件 (5)
- 仕事 (25)
- 仕事術 (11)
- 何か質問ある？ (4)
- 便利 (4)
- 写真 (11)
- 動画 (10)
- 北海道 (8)
- 医療 (4)
- 増田 (4)
- 女性 (3)
- 広告 (3)
- 建築 (5)
- 怒髪天 (6)
- 技術 (42)
- 携帯電話 (3)
- 政治 (5)
- 文具 (3)
- 文章 (3)
- 日本語 (8)
- 本 (5)
- 札幌 (4)
- 法律 (6)
- 物欲 (28)
- 生活 (5)
- 画像 (34)
- 社会 (31)
- 竹内電気 (8)
- 素材 (7)
- 経済 (4)
- 芸能 (4)
- 英語 (5)
- 著作権 (7)
- 観光 (4)
- 言語 (5)
- 訃報 (13)
- 資料 (38)
- 連載・特集 (8)
- 野球 (6)
- 音 (3)
- 音楽 (15)
- music (387)
- webdesign (295)
- tips (228)
- web (207)
- css (185)
- wordpress (169)
- design (167)
- webデザイン (136)
- MovableType (132)
- 2ch (117)
CSSと.htaccessに関するtominagaのブックマーク (1)
-
tominaga 2015/03/20
PHP使えなくてもCSS使う方法があるのか。- webデザイン
- .htaccess
- CSS
リンク -
1
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
処理を実行中です
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
設定を変更しましたx