現在「SILK」スキンを適用中です。

スマホでのフォントサイズを縮小したいのですが… | Cocoonテーマに関する質問 | Cocoon フォーラム

サイト内検索
書き込みの前に以下の3点をご確認ください。
  1. 1つのトピックにつき1つの質問を書き込んでください
  2. 不具合・カスタマイズ対象ページのURLを提示高速化を無効にしてください
  3. 該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります

フォーラム利用ガイドリンク

  1. フォーラムガイドライン
  2. よくある質問と答え(FAQ)
  3. サポート対象外のケース
  4. 原因不明の不具合用トラブルシューティング
  5. トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw
  6. 真っ白画面でのエラーメッセージの確認方法 
  7. ブラウザ環境チェックツール

フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。

また、問題の解決に至った場合には、トピック冒頭の「解決済み」リンクをクリックしていただけますと幸いです。

wpForoの解決済みリンク

また、有用な返信があった場合は「いいね!」リンクもご活用ください。返信者の励みになります。

wpForoのいいねリンク

「いいね!」機能はフォーラム登録者のみが利用できる機能です。

CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。

フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。

最近の書き込みはこちら。

詳細なカスタマイズ依頼をするならこちら。

フォーラムのTwitterアカウント(@CocoonForum)はこちら

スポンサーリンク
スマホでのフォントサイズを縮小したいの...
 
共有:
通知
すべてクリア

スマホでのフォントサイズを縮小したいのですが…  


たらこ
 たらこ
(@たらこ)
ゲスト
結合: 1か月前
投稿: 4
Topic starter  

お問い合わせページに、バッジではなく、htmlソースを追加してテキストで表示する方法でreCAPTCHAを導入しているのですが、PCではフォントサイズをhtmlでなんとなく調整できましたが、スマホで見てみると大きくなってしまいます。ところが、この調整の仕方が分かりません。

スマホでのフォント調整の方法をお教えいただけますでしょうか?

宜しくお願いします。


引用解決済
はる
(@haruinoue)
Reputable Memberサイト
結合: 7か月前
投稿: 389
 
@media screen and (max-width: 834px){
.hoge {
font-size: 10px;
}
}

 のような形でメディアクエリを使えば可能なはずです。

詳しくは実際のページがないと分かりません。


わいひら 件のいいね!
返信引用
たらこ
 たらこ
(@たらこ)
ゲスト
結合: 1か月前
投稿: 4
Topic starter  

@haruinoue はるさん、ありがとうございました。

htmlだけ調整して表示するのをやめて、

<p class="recaptcha_policy">This site is protected by reCAPTCHA and the Google<a href="https://policies.google.com/privacy">Privacy Policy</a> and <a href="https://policies.google.com/terms">Terms of Service</a> apply.</p>

と書いた後に、以下をCSSに追加しました。

.recaptcha_policy {
padding: 0;
margin: 0;
font-size: 12px !important;
color: #444 !important;
}

それから教えて頂いたやり方でやってみても、スマホでのフォントサイズに変化はありませんでした。

とほほです。やっぱCSSとか知らない初心者には無理なんですかね。。

This post was modified 1か月前 by わいひら

返信引用
はる
(@haruinoue)
Reputable Memberサイト
結合: 7か月前
投稿: 389
 

昨日の書き込みの通り、詳しくは実際のページがないと分かりません。

それから教えて頂いたやり方でやってみても、

やり方があっているかどうか確認するためにも、最低でも実際に書いたコードがないと分かりません。

.recaptcha_policy {
padding: 0;
margin: 0;
font-size: 12px !important;
color: #444 !important;
}

上記はメディアクエリの指定がないので、PCでもスマホでも12pxで表示されるのではないでしょうか。


わいひら 件のいいね!
返信引用
たらこ
 たらこ
(@たらこ)
ゲスト
結合: 1か月前
投稿: 4
Topic starter  

@haruinoue はるさん、px ではなくフォントサイズの調整方法を別のコードを指定して解決しました。

助かりました。
ありがとうございました。

でも、実際のページを提示できない場合ってあると思うんですよ。
だってサイト公開に向けてカスタマイズとかをやっている最中の場合とかがそうだと思うのです。

知らないから、
知らないせいでやり方が分からないから、
知ってる方がいたら教えてほしいなと思って、
フォーラムに質問を残し、
教えを請うだと思うのです

COCOONの良さって多くの人が使っているから、
困っているところも容易に解決できる。

これこそCOCOONの最大の良さだと思うのです。

やり方を知らない私がいけないのですが、
コードがないと分かりません
実際のページがないと分かりません」と言われると、質問しない方が良かったなと、みんなが見るフォーラムにバカな書き込み晒してマジでバカになった気がするな、と思ってしまいます。

自分なりにコード書いてますし、「知ってる方がいたら教えてほしいな」と、真剣に悩んでましたし、困っていたので質問したのですね。

おかけさまで、ネットを一日中徘徊し、根本的な解決には至らなかつたかも、100%の解決になっていないかも。と、分かっていますが何となく見た目での問題は解決になりました。

もう二度と書き込みはイヤだなと思いました。

早く初心者から抜け出したいと思うきっかけを作って下ってありがとうございました。

きっとはあなたは、初心者だった頃もすべて知ってたし、もしかすると初心者の頃はなかったのかもしれません。だけど、普通の人間にはあるのです。右も左も分からない頃が…

PS)というより、書き込みを見ていると、COCOONの制作者である「わいひら」さんがとても優しく応えて下さっていて質問残したのですが…

PPS)もうフォーラムは見るだけで、足しにするという形にします。質問してすみませんでした。

PPPS)わいひらさん、素晴らしいテーマをありがとうございました。もちろん、質問に応えて下さったはるさんには何より感謝しています。

ありがとうございました。


返信引用
わいひら
(@yhira)
メンバーサイト Admin
結合: 3年前
投稿: 11634
わいひら - Facebookわいひら - Twitter
 

Cocoonは、無料テーマなのでサポート専門の方を雇うことはできず、書き込んでくださる方も自分の時間を削って書き込んでくださっています。
多くの利用者がいるからといって、無償の奉仕をできるわけではありません。
なので最低限答えが出しやすいように、フォーラムの案内(添付画像)にあるように、情報提供をお願いしています。

案内に書かれていることを行わずに、自分の時間を削ってまで解決方法を提示してくださった方に、そのような返信は、失礼かと思います。
例えば、テレビを修理に出したときに、原因がわからない場合は、現物を見るしかありません。
それと同じように、実際のサイトのソースコードを見ないと分からないこともあります。
今からそのケースに当たると僕も思います。

This post was modified 1か月前 2回 by わいひら

返信引用
サンシャイン池沼
 サンシャイン池沼
(@サンシャイン池沼)
ゲスト
結合: 1か月前
投稿: 1
Topic starter  

>みんなが見るフォーラムにバカな書き込み晒してマジでバカになった気がするな、と思ってしまいます。

 

気がするんじゃなくてバカなんだよ、お前

前提条件は晒せないからエスパーしろってバカでなければなんなんだよ

お前みたいな施されて当然だと思ってるバカがいるからフォーラムの質が下がるんだよ


返信引用

返信する

投稿者名

投稿者メールアドレス

タイトル *

許可された最大ファイルサイズ 5MB

 
プレビュー 0リビジョン 保存しました
共有:
スポンサーリンク
わいひらをフォローする
おすすめサーバー(コスパ・バックアップ重視型)

性能も兼ね備えながら安くブログ運営を開始できる点においてのNo.1。
それでいてブログ成長後は、十分すぎるほどのスペックアップ余力も担保されている。

◎安く始められる
◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/3(高速化プロトコル)に対応
◎東京・大阪でリージョン選択が可能
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎ディスク容量が多い
◎転送量が多い
◎毎日無料バックアップ(14日分)
◎DBは14日以内なら無料自動復旧可能
◎ファイルも14日以内なら無料自動復旧可能
◎アダルト・出会い系サイト可
◎ドメインとサーバー代のチャージ払いが可能
○サーバ引っ越し依頼が可能(有料)

サービス運営期間:2年7ヶ月

1年以上の契約をする場合は、クーポンコード入力でさらに10%割引(※2021/6/30まで)。

クーポンコード:PK4JK4RJ

クーポンの使用方法はこちら

とにかく速い。サイトに表示スピードを求めるならココ。
管理画面がシンプルで使いやすい。

◎nginxを用いた高速サーバー(完全SSD)
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎ディスク容量が多い
◎転送量が多い
○http/2(高速化プロトコル)に対応
◎毎日無料バックアップ(14日分)
◎DBは14日以内なら無料自動復旧可能
◎ファイルも14日以内なら無料自動復旧可能
◎サーバ引っ越しツールあり(無料)
○サーバ引っ越し依頼が可能(有料)
◎ドメインとサーバー代のチャージ払いが可能

サービス運営期間:2年5ヶ月

安定感抜群のサーバーです。あまり急激なアクセス変動がないアフィリエイトサイトに向いています。

◎nginxを用いた高速サーバー(完全SSD)
◎老舗サーバーなので安定感抜群
◎ディスク容量が多い
◎転送量が多い
◎同サービス内でドメイン管理が可能
○http/2(高速化プロトコル)に対応
○毎日無料バックアップ(14日分)
○DBは7日以内なら無料自動復旧可能
×ファイルは有料かつ手動での復旧
×プラン変更でCPUのスペックアップができない
×プラン変更しても即時反映されない
×アダルト・出会い系サイト不可

サービス運営期間:17年

常に新しいことに挑戦しているフロンティア精神あふるるレンタルサーバーです。
LiteSpeedやHTTP/2を日本で初めて導入したサーバー。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/3(高速化プロトコル)に対応
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎転送量が多い
◎ディスク容量が多い
◎毎日無料バックアップ(14日分)
◎DBは14日以内なら無料自動復旧可能
○ファイルは14日以内なら無料復旧可能(※手動)
◎アダルト・出会い系サイト可
◎ドメインとサーバー代のチャージ払いが可能
○サーバ引っ越し依頼が可能(有料)

サービス運営期間:4年

格安な値段で始められる高機能サーバーです。
性能も備えつつ最安ならここ。
ただし少し機能は弱い。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎激安プランが用意してある
◎値段あたりのスペックが高い(コスパ良し)
◎サーバ引っ越し依頼が可能(無料)
◎アダルト・出会い系サイト可
○http/2(高速化プロトコル)に対応
△プランのアップは可能だがダウンは不可
△毎日自動バックアップ(1日分)
△前日のバックアップからのみ復元できる(無料)

サービス運営期間:5年

Cocoon
タイトルとURLをコピーしました