font-sizeは10px以上にしよう
Google Chromeの最小フォントサイズは10pxです。それ未満に設定しても10pxで表示されます。
.text {
font-size:5px; // 5pxにならず10pxで表示されてしまう
}10px以下にすると小さすぎて読みづらくなるからです。ユーザビリティを考えると、基本的にはフォントサイズは10px以上にするのが望ましいです。
どうしても、デザイン上、Chromeで文字を10px未満で表示したい場合は、font-size:10pxを指定した上で、さらにtransformのscaleで縮小します。下の場合は、font-sizeが5px相当で表示されます。
.text {
display:block; //inline要素の場合に必要
font-size:10px;
transform: scale(0.5);
transform-origin:0px 0px;
}inline要素の場合はdisplay:blockが必要です。originは縮小の起点となる箇所で、共に0pxにすることで左上を指定しています。
Firefox・Safariは10px以下でも指定可能です。
このサイトでは、本当にWebデザインのスキルを磨きたいなら、未経験の方はまずはWeb制作会社か教育体制のしっかりしている事業会社に正社員で入社することを強くオススメしています。
やはり派遣でもなく、アルバイトでもなく、長く在籍する可能性のある正社員にこそ成長できるお仕事を振ってくれるのです。派遣やアルバイトは、リンク張り替えやテキスト修正など成長しづらい作業をやらされがちです……。
Web/IT系特化の転職サイト『Green』に登録しておきましょう。Web系転職の定番サイトです。
「ポートフォリオを作ってみたけど不安...」「周りにレビューをしてくれる人がいない...」
そんなお悩みを解決するために、ポートフォリオのチェックリストを作りました!27,000文字以上の大ボリュームです笑。noteで販売中です。激安のワンコイン500円です。このチェックリストで改善点を見つけて、少しでもポートフォリオの質を上げて、自分が望む就職に繋げましょう!


ご質問や感想など、お気軽にどうぞ!