トップ   >   カテゴリ表示:CSS

メディアクエリ

共有ボタン付きページはこちら: http://tech.kimihiko.jp/article/183221566.html

メディアクエリ

モバイルサファリではイチイチ、キャッシュのクリアをしないといけない?

テスト環境(スマートフォン):iOS11x, iPhone8

CSS相対指定時において、Chromeでだけtextareaのフォントサイズが極端に小さくなる場合の対処法

共有ボタン付きページはこちら: http://tech.kimihiko.jp/article/57165820.html

CSS相対指定時において、Chromeでだけtextareaのフォントサイズが極端に小さくなる場合の対処法

表題の件ですが、調べると、どんぴしゃの頁が出てきました。

GoogleChromeでだけtextareaのフォントサイズが小さいときの対処法
http://www33.atpages.jp/tahito/276
どうやらtextareaにfont-familyを指定すればいいらしい。
へええ。

さっそく試してみたのですが、、、

治りました!!

いや、Chromeだけに対してハックなど使わないといけないと思っていたというのもあり、
こんなスムーズな方法があるなんて、感激です。

Living Dead Companyさん、ありがとうございますー。

以上です。

テスト環境:Windows7 Home Premium, Chrome 20x

CSS初期化のコツ

共有ボタン付きページはこちら: http://tech.kimihiko.jp/article/35347092.html

CSS初期化のコツ

base.cssメモ(初期化と基本設定) - Archiva
http://archiva.jp/web/html-css/base_css.html

* {
margin: 0;
padding: 0;
}
まずは基本から。上記のリセット指定は既に広く普及しており、使っている人も多いと思います。ただ全称セレクタを利用した方法には問題も多いです。レンダリングが遅くなるとか、妥当なデフォルト設定まで解除されてしまうとか、平たく言うと「消したつもりも無いものまで消してしまった」ということなのですが。
スタイルをコントロールしようとする手段であったリセットCSSにおいて、「実はコントロールできていなかった」という皮肉に対処するためには、多少面倒でも個別に指定したほうが良い、という結論に落ち着きます。
なるほど、勉強になります。

body,div,pre,p,blockquote,
form,fieldset,input,textarea,select,option,
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
table,th,td,embed,object {
margin: 0;
padding: 0;
vertical-align: baseline;
}
以上です。

CSSのfont-familyで、ヒラギノとMS Pゴシックとメイリオの悩ましい関係

共有ボタン付きページはこちら: http://tech.kimihiko.jp/article/35221861.html

CSSのfont-familyで、ヒラギノとMS Pゴシックとメイリオの悩ましい関係
http://loconet.web2.jp/blog/archives/2007/02/cssfontfamily.html
結論。何も指定しない。ありのまま、見る人に任せる。それが自然。だと信じて、font-familyは指定ナシで制作しております。
すごく、勉強になりました。

それでもあえて、今現在、
当ブログではフォントファミリー指定しておりますが。。


↓他、参考になるサイト

cssでfont-family指定する苦悩
http://bit.ly/bO4Fml

ヒラギノをWindowsに入れた日から、貴方の苦悩は始まるのですよ。
http://webbingstudio.blog10.fc2.com/blog-entry-497.html

本当に苦しめられた、

共有ボタン付きページはこちら: http://tech.kimihiko.jp/article/33734865.html

本当に苦しめられた、win ieで、 ol li にlist-style-type: decimalを書いても、数字が増えず、1が並んだり、表示がヘンになるバグ。

このバグに苦しめられている方は多く、
色々な解法をまのあたりにしました。

解法としては、
* { zoom: 1; }
ul, ol, li { zoom: normal; }
と書けばよいそうです。

ieのzoomプロパティに関わるバグのようですが、
おそらくclearfixとか使う場合はひっかかることが
多くなるような気がします。

zoomプロパティとは、Internet Explorerの独自拡張だそうな。

以上です。

見出しの横に「更新日」とか並べて表示したい時の簡単なCSSの書き方

共有ボタン付きページはこちら: http://tech.kimihiko.jp/article/30748705.html

見出しの横に「更新日」とか並べて表示したい時の簡単なCSSの書き方
http://c-brains.jp/blog/wsg/09/03/09-210351.php
たしかにマイナスとかって使うの躊躇するんですよね。。

ボックス内でテキスト・画像の下揃え

共有ボタン付きページはこちら: http://tech.kimihiko.jp/article/29632385.html

ボックス内でテキスト・画像の下揃えはできないので、テーブルを使うしかない。
http://norisfactory.com/stylesheetlab/000002.php
図解が分かりやすいです。スタイルシートってこれが厄介です。

仕様というしかない。そもそもvertical-alignは、画像やテキストなどのインライン要素か、テーブルのセルに対して指定するのが本来の使い方のようだ。
とおっしゃっているように、仕様なので仕方がないみたい。

MSN相談箱 CSSで下揃えにするには
http://questionbox.jp.msn.com/qa2305016.html
「テーブルでレイアウトを取ってはいけない = 必ずCSSで代替可能」ではありません。
なるほど、なっとくです。
関連する記事(広告含む)
2 3 4 5 6 7 8 9 10 11 12