Safariの場合HTMLの内容を変更

崖<img src="../gaiji/ga033.gif" width="2%" height="2%" alt="外字">の内容の「width="2%" height="2%"」をSafariの場合変更したい。

通常の画像の場合cssで変更できますかなぜか小さな画像はcssで変更出来ませんので
通常の画像の場合の指定
<img src="../syasin/suruga/a032.jpg" width="99%" height="100%" class="gh19" alt="旧道風景">

.gh19 {width:17em;height:26em;}
上記内容は、javascriptを使用してSafariのみ指定しています。

お分かりの方がいましたら教えて下さい。

No.4 回答者： nanden1548 回答日時： 2013/02/12 09:50

webkitを利用すればＣＳＳ3で対応できるとおもいますが？・・・

ＣＳＳのソースを修正されてはいかがでしょうか？・・・

No.3 回答者： ixkaito 回答日時： 2013/02/10 15:44

>回答いただいた内容で今まで処理していましたが（width:1em）

前回の回答でも書きましたが、何がwidth:1emですか？？


>なお作成の考えは、画像解像度「800」と「1024」参照出来る用「px」は使用していません。

おっしゃっている意味がよく分かりません。ウィンドウサイズによって画像が伸縮するということですか。でしたら%を使えばいい。

この回答へのお礼

>何がwidth:1emですか？？
文字を画像表示ですので「em」使用ですが

>ウィンドウサイズによって画像が伸縮するということですか。
表示画面を伸縮しても変化しますが。
画像では、私の作成ページ知りませんがボーダー（枠線）では、参照サイトのクライアント領域サイズを得る。

http://www.marguerite.jp/Nihongo/WWW/DHTML/Windo …

対象サイトを参照して表示画面を伸縮しても変化しますよ

質問の対処法は、jqueryを使用すると出来るときいたことが有りましたが、色々検索しましたが見つかりませんので質問さていただきました。

現時点Safariとその他のブラザーの大きさのさは、3文2ぐらいSafariが小さく表示されていますが。

お礼日時：2013/02/11 14:53

No.2 回答者： ixkaito 回答日時： 2013/02/10 06:48

質問がすべて相対単位で、小さい画像と書かれても、具体的に何ピクセルを何ピクセルにしたいのかわかりません。

。。

16pxと書いてありますが、元画像が16pxなのか、16pxにしたいのか、幅なのか、高さなのか・・・

幅を16pxにしたければ
.safari.gh19{width:16px;}
にすればいいだけです。

この回答へのお礼

再度回答ありがとうございます

回答いただいた内容で今まで処理していましたが（width:1em）

フリーソフトAnother HTML-lint 5 を使用して記述誤りのチェックで減

点ゼロも無くそうと修正中の問題です。

なお作成の考えは、画像解像度「800」と「1024」参照出来る用「px」は使用していません。

お礼日時：2013/02/10 14:57

No.1 回答者： ixkaito 回答日時： 2013/02/10 04:41

<img>タグのwidth、height属性は必須ではありませんので、それを取ってcssで指定すればいいです。

[html]
<img src="../gaiji/ga033.gif" alt="外字" class="gh19" />

[css]
.gh19{width:100px;}
.safari.gh19{width:120px;}
（widthとheightは、どちらか一方だけを設定した方がいいと思います。間違った数値を指定してしまうと縦横比が変わってしまうので。片方だけ指定すればもう片方は自動で縦横比が変わる心配がありません。また、cssで%で指定すると、親要素に対しての%になります。その方がよければそちらでもOK。）

あとはjavascriptでSafariの時だけ.gh19にクラスsafariを追加すればいいだけです。

この回答へのお礼

回答有難うとう

回答内容の大きさでは対処できていますし

画像の大きさが小さい場合(16px)cssの指定がきかないので質問をしていますが

お礼日時：2013/02/10 06:23