【まとめ】Androidデフォルトブラウザで引っかかったバグっぽい端末のなにか
◯背景が出ない Android標準ブラウザがbackground短縮プロパティでbackground-sizeを初期化してくれない。 →対策:background-sizeも別途記載すると。 例)background-size: auto; ◯text-indentを含む構成での表示崩れ 他ブラウザでは表示されないtext-indent: -9999px;などの値をそのまま表示する 結果中身が消 […]
WPなど案件構築覚書
◯背景が出ない Android標準ブラウザがbackground短縮プロパティでbackground-sizeを初期化してくれない。 →対策:background-sizeも別途記載すると。 例)background-size: auto; ◯text-indentを含む構成での表示崩れ 他ブラウザでは表示されないtext-indent: -9999px;などの値をそのまま表示する 結果中身が消 […]
◯fixedで要素を固定+z-indexで重なりを設定 iPhoneでスクロールしている間だけz-indexが効かなくなる。(指を離すタイミングで正しい優先度になる) →対策: 下に隠れる要素に-webkit-transform: translate3d(0,0,0); を設定 ◯ワンクリックでリンクを飛ばない 新し目のiPhoneでクリックの挙動が変わっているぽ。hoverをワンアクションと認識 […]
1、wordpressダッシュボードでの設定 「サイトアドレス(URL)」を、http://hoge.com までに変更(サブディレクトリをカット) WordpressAddressはそのままで変更しない。 ・WordPress アドレス (URL)→WS本体のディレクトリTOP ・サイトアドレス(URL)→フロント側TOPURL 2、wordpressをインストールしたサーバー側の設定 サブディ […]
ul.circleList { padding-left: 1.5em; li {text-indent: -1.5em; list-style-type: none; margin-left: 1.5em; &::before { content: "●"; margin-right: 0.5em; } } }
titleの中身の一部サイズを変えたい場合など。 <?php $targetText = $term_child->name; // ()が含まれていればspanで括る $search = array('(',')','(',')'); $replace = array('<span>(',')</span>','<span>(',')</sp […]
ループの中で更に、個数を指定して表示する場合などに使用。 <?php if(have_posts()): ?> <?php $count =0 ;?> <?php while(have_posts()): the_post();?> <?php if($count >= 5){ break; } ?> <div> <h2> […]
画像に対してハックをかけることで対応する img { width: inherit9; max-width: 100%9; height: auto9; }