前提・実現したいこと
Webサイトを作成中なのですが、文字の大きさが画面サイズによって
自動的に拡大収縮してしまい困っています。
PC画面でもスマホの画面でも文字を同じ大きさで表示したいです。
試したこと
フォントサイズをpxで指定する。
補足情報(FW/ツールのバージョンなど)
ここにより詳細な情報を記載してください。
bootstrap3.3.7
jQery1.7.2
を使用している
とりあえずBootStrapを使わないようにしたらいいとは思いますけど、
どのような指定をどのようなHTMLに対して試したんでしょうか?
「同じ大きさ」というのは、画面にものさしを当てて測ったときに同じ大きさになるように、という意味ですか?
同じ PC 上でもブラウザのサイズによって変わるのでしょうか?
問題となっている HTML を提示願います
HTMLの指定方法ですが、例えば
//html
<h1 class="title">Title</h1>
//css
.title{font-size:16px;}
という指定をしました。
画面にものさしを当てて測ったときに同じ大きさになるようにしたいです。
>画面にものさしを当てて測ったときに同じ大きさになるようにしたいです。
「解像度」という考え方がある以上、それは困難な話です。
その解像度にあわせて適切に大きさを調整してくれてるのがCSSフレームワークなのですけど・・
> 画面にものさしを当てて測ったときに同じ大きさになるようにしたい
それは難しいです。下手をすると機種ごとにコードを書くはめになります。諦めた方がいいです。
60inch(1920x1080)ディスプレーでの100px
6inch(1920x1080)ディスプレーでの100px
この表示サイズを物差しを当てて同じにしたいということですか?