• はてなアカウントでログイン
• 無料ユーザー登録

ベストアンサー

• a-kuma32015/08/16 16:05:47

  満足150pt

  自分のはてなブログで試してみました。
  http://a-kuma3.hatenablog.com/entry/2015/08/16/145824
  
  
  画像が小さくなるのは、テーマの CSS にある以下の設定が効いているからのようです。

  .entry-content img {
      max-width: 100%;
  }
  

  TABLE の TD が中に書かれている文字などで幅が自動で決められ、その TD の横幅を 100% となるように画像の幅が決められている、という感じです。
  
  
  この指定を無効にするには、max-width に none を設定することで可能です。
  
  ひとつの方法は、デザインCSS で以下の設定を追加してあげることです。

  .entry-content img {
      max-width: none;    /* none にする */
  }
  

  
  

  ただ、この書き方では記事内の画像たいしてすべて効いてしまうので、この指定のおかげで画面の幅に収まっている画像が、今度は はみ出してしまう、ということになりかねません。
  
  記事の方も多少変更しなくちゃいけませんけど、少し有効な範囲を狭くしておいた方が良いような気がします。
  例えば、レイアウトに使っている TABLE にクラスの指定をして、その中にある画像だけ max-width を無効にするとか。
  記事の方をこういうふうにして、

  <table class="other_article_layout" ...>	<!-- class を追加 -->
      ...
  

  デザイン CSS には、次のような指定を追加します。

  .entry-content table.other_article_layout img {
      max-width: none;
  }
  

  こうすることで、other_article_layout という class を指定した画像だけ、IMG タグに指定したサイズを優先して使うようにできます。

  スター

  • 

    3件のコメントを見る

  • uneki2012 2015/08/17 05:39:58

    a-kuma3さん、回答ありがとうございます。
    デザインCSSに入れてみたのですが、相変わらずスマホ表示だと小さい画像のままでした。
    ですが、PC表示でも画像が縦長だったんですが、それはこのタグのお陰で直りました。
    やはり難しいようで、直すのは諦めます。

    スター

  • a-kuma3 2015/08/17 09:22:33

    デザインCSSに入れてみたのですが、相変わらずスマホ表示だと小さい画像のままでした。

    スマホのブラウザだと、IMG を抱えている TABLE の TD の属性で、左側の幅が 5%、右側の幅が 95% を指定してる方が勝っちゃうんですね、きっと。
    この幅の指定を取り除くと IMG に指定したサイズのままで表示されるように思います。

    スター

  • uneki2012 2015/08/18 12:39:06

    a-kuma3さん、たびたび回答ありがとうございます。
    なぜか以下のタグをヘッダに入れたら、解決しました。※最初のやつです。
    http://iphone.f-tools.net/html5/Width-Smart-Phone.html#NO2
    
    ついにブログ移転完成しました！

    スター

その他の回答

• aossra22015/08/14 17:26:01

  満足40pt

  表示の設定をスマホ版からPC版にしたらどうでしょうか
  ブラウザの設定から変えれると思います

  スター

  • 

    1件のコメントを見る

  • uneki2012 2015/08/17 05:43:15

    言葉足らずですみません。Web製作での話しなんです。

    スター

shunshun2015/08/14 21:08:37

満足20pt

スマホ・ブラウザのバグだと思います。

スター

• 

  1件のコメントを見る

• uneki2012 2015/08/17 05:44:19

  Firefox以外のブラウザで起きてるのですが、バグでしょうか？

  スター
• その他の回答を読む

この質問へのコメント

質問の情報

登録日時

2015-08-13 10:29:29

終了日時

2015-08-17 05:45:48

回答条件

1人3回まで

この質問のカテゴリ

• ウェブ制作

この質問に含まれるキーワード

人気の質問

• この英文どうなってますか？ The boy seemed to be waiting for his mother to come.（その少年は母親が来…匿名質問者112日前
• 不定詞の形容詞的用法らしいんですけど、副詞的用法と書いたら✖️ですか？ I want to buy a book to read …匿名質問者112日前
• 日向陽葵という○V女優が好きなのですが似ている○V女優はいますか匿名質問者17時間前
• 共通テストで使われるプログラミング言語は共通テスト特有の言語と聞いたのですが、受験勉強で身につけたプ…匿名質問者117時間前
• 内定してほしいポケモンはいますか？匿名質問者18時間前

メニュー

• 質問一覧
• カテゴリ一覧
• 無料ユーザー登録
• 人力検索はてなトップ

PC版

• お問い合わせ
• ヘルプ
• お知らせ
• はてなトップ