MozillaZine.jp フォーラム

[b]kiki[/b] さんご提案ありがとうございます！開発ツールの「レスポンシブデザインビュー」、たしかに便利ですね。これに気付かなかった自分の未熟さがはずかしいです。
レスポンシブWebデザインのテストや、スマホの簡易テストは、今後はこれを使ってみます。

　　
提案と機能の紹介です。

デザインを確認するための機能として、開発ツールに「レスポンシブデザインビュー」という
ものがあります。
これを利用すれば、わざわざウィンドウを狭めたり、可変したり、CSS でカスタマイズしなく
ても、即座に確認してみることができます。


以下は、Mozilla Japan のトップページです。
スマートフォンやタブレットの任意の表示サイズに、ドラッグして簡単に合わせることが可能
です。
Windows ならば、Ctrl + Shift + M のショートカットで、切り替えて表示します。

　＃画像をクリックすると、原寸サイズで表示されます。
　＃黄色の円枠内のポイントをドラッグでサイズ変更や、任意のサイズのプリセット
　　登録もできます。
[attachment=0]レスポンシブデザインビュー01.png[/attachment]
[参照]
[url=https://developer.mozilla.org/ja/docs/Tools/Responsive_Design_View]レスポンシブデザインビュー - 開発ツール | MDN[/url]

遅ればせながら......。
本トピックの主題から外れたオフトピ気味な話になりますが、後々このトピックをご覧になる方のために補足させていただきます。

[quote="改悪にドキドキ"]プロファイルを新しく作り直す必要がありますが、特別最先端の機能を追求しないのであれば、Ver.24.0系のESRの方が従来仕様なのでトラブルは起こりにくいです。ESRは法人向けですが個人でも使用できます。この先UIなどの大幅な仕様変更が予定されており、それに伴うトラブルが想定されますので、乗り換えるなら今のうちかもしれません。[/quote]
たしかに、当面は現行仕様のまま使えるという意味では、"改悪にドキドキ" さんがおっしゃることも一理あると思います。
とはいえ、ESR 版は同じバージョンナンバーの通常版がベースになっています。例えば、次期 ESR 候補の Firefox 31.0 では、すでに "Australis" が採用された通常版がベースになるはずです。（Windows OS では、この時点で Microsoft 社の XP のサポートは終了しています。）

ぼくは、仕事がらみでは ESR 版（ESR 用プロファイル）を使いつつ、プライベートでは通常版（通常用プロファイル）を使っています。
ESR 版を 10.0.x -> 17.0.x -> 24.x と使ってきた印象は、メリットもあるがデメリットもあるということです。
同一仕様のバージョンを、マイナーアップデートでセキュリティフィックスしながら長く使える点はメリットですが、約 1 年ごとのメジャーアップデート時の変化は通常版の小刻みな変化と比べてはるかに大きな落差となって現れる点は、人によっては十分デメリットになりえると感じています。
（ぼく自身は、通常版を併用していることで漸進的に理解を深めながら ESR 版のメジャーアップデートに備えられるため、大きな混乱はまだ経験していませんが......。）

ESR 版が法人向けの位置づけなのはご存知のとおりです。
それは、頻繁な新機能の追加や仕様変更を控えた現行バージョンを安定して使いながら、じっくりと次期バージョンのテストをおこなう期間を設け、法人内でのいっせいアップデートおよびサポート体制の準備などを整えつつ新バージョンへの移行を確実におこなうため、と申しましょうか。
同一仕様での運用期間の長さだけではなく、次期バージョンのテストと導入準備期間を長く取れる点に意味があると、ぼくは理解しています。

このあたりの事情を度外視し、単純に "現状維持" を期待して ESR 版を使うのだとしたら、あまりお勧めはしません。
ESR 版のバージョンも必ず上がっていき、その変化は上述のとおりだからです。
しかし、個人でもきちんとバージョン管理できるユーザーであれば、ESR 版を使うのは十分選択肢に入ると思います。
一方、そこまでできない、やろうとは思わない方が安易に ESR 版を使うと、メジャーアップデート時に大きな混乱に陥ってしまいかねません。十分ご注意ください。

とりあえず以上です。的外れなことを書いていたら、他のユーザーさんからの補足や訂正をお願いいたします。

偶然的通行人さん＆Greenさんありがとうございました。
HTMLなんて15-6年前に小生より20歳位若い情報システム部のおねーちゃんを先生にしたホームページビルダーの講習会＋HTMLタグ辞典で齧ったくらいでCSSなんてこれって何っていう感じなので、最初にこの問題へのご教授に対してどうしようかと思っていましたが、更に色々ググってみたところ、Greenさんのsitespiral.jpの記事を見つけました。GreenさんのuserChrome.cssの内容をそのままコピペして小生のuserChrome.cssを作成したところ問題は解決されました。感謝感激現在150pxで使っています

[color=olive]# 不要なタグを削除しました。by Moderator Hide[/color]

[b]偶然的通行人さん感謝です。直りました！[/b]
[b]わたしも英語の文献など調べて、userChrome.cssで直せたのですが、そののち、[/b][b]偶然的通行人さんのコメントを見て、それが間違いでないことを確認しました。[/b]
[b]的を得たご回答ありがとうございました！[/b]

プロファイルを新しく作り直す必要がありますが、特別最先端の機能を追求しないのであれば、Ver.24.0系のESRの方が従来仕様なのでトラブルは起こりにくいです。ESRは法人向けですが個人でも使用できます。この先UIなどの大幅な仕様変更が予定されており、それに伴うトラブルが想定されますので、乗り換えるなら今のうちかもしれません。

ESRをインストールする場合は、念のため現在のプロファイルのバックアップをとってからしてください。

http://www.mozilla.jp/business/downloads/

詳しいことを知っているわけではありませんが、Firefox の新しいユーザーインターフェイス（UI）である "Australis" の調整過程でウィンドウの最小幅が固定されたらしく、これが Firefox 26.0 にも反映されている模様です。
（参考）
・Bug 897160 - Set a minimum width for the Firefox window
https://bugzilla.mozilla.org/show_bug.cgi?id=897160

たしか 390px の最小幅になったと思います。（ユーザーが施しているカスタマイズの状態などによっては、もう少し複雑な制約がかかるかもしれません。）
以前のように、ウィンドウの横幅をもっと小さいサイズにまで変更したい場合は、ユーザースタイル（userChrome.css）で最小幅を変更できます。

Firefox Support Forum（英語）にある次のトピックが参考になると思います。
・Cannot resize Firefox window under 374 pixel | Firefox Support Forum | Mozilla Support
https://support.mozilla.org/en-US/questions/980033
（ここに書かれた例では、200px で最小幅が指定されています。このあたりが 25.0 以前の実情に近いのだろうと思います。）

（補足）
userChrome.css の使い方は、このフォーラム内を検索するだけでもたくさんの情報にたどりつけますので、活用してみてください。

注意点としては、Firefox 本体の UI 変更にともなう措置に対し、ユーザーが強制的にこれを変更する場合、予期しない（別の）ところで不都合が起こる可能性も否定はできません。
とくに、アドオンを大量に導入してあれこれカスタマイズしている場合、標準状態とは大きく異なる背景事情があるかもしれないわけで、そのあたりの変更とユーザースタイルによる変更の相乗効果がマイナス方向に出るかもしれません。
ユーザースタイルで独自の変更を施したプロフィルを使ったまま Firefox のバージョンを上げていくことで、Firefox 側の仕様変更がおかしな風に現れることもありえます。
このように、ユーザースタイルによる部分的な変更により今後何かしらの影響が出ることもありうる、という点は留意しておいてください。（もちろん、まったく影響がないこともあります。）
その上で、ウィンドウの最小幅を旧バージョン相当に戻したいなら、さしあたって上記の方法があるということです。

とりあえず以上です。的外れな話だったらすみません。

（余談）
当方いまだ Windows XP 環境なので実地には試しておりませんが、新 UI の "Australis" は、長年の改良で複雑化している現状の UI を一新して合理化するとともに、デスクトップ、タブレット、モバイルなどの各端末上で Firefox の外観を共通化することが目標になっているようです。計画どおりにいけば、Firefox 29.0 から正式に採用されるらしいです。
Windows の場合は、おそらく Windows 8 系の Modern UI との親和性が意識されているはずですから、クラシックな環境に慣れ親しんだユーザーほど、新しい UI に最初は戸惑うかと思われます。
一方、アドオン、ユーザースタイル、ユーザースクリプトなどを駆使して柔軟にカスタマイズができる点は維持されるようですから、自助努力しだいでは従来どおり様ざまなカスタマイズが可能です。（場当たり的にやると逆効果になることもありますが......。）

横幅400px付近で、ウインドウサイズ変更ができません。
わたしも、ver26にアップデートされたら同様な事象で困っています。
スマホなどのcssデザインの簡易確認で非常に便利だったのですが....

12/12Ver.26.0にアップグレードしました。12/11以前は25.0.1を使っていました。
Ver.25の時はFirFoxの端にマウスを合わせ左右矢印が出た状態でマウスを動かした
ウインドウの幅を自由に縮小して2cm位の幅に調整した複数のウインドウを開いていました。
（タブで複数表示より小さいウインドウ複数表示の方がマウスを動かすだけで済便利）
26にアップ後この調整が5cm位までしかできなくなって不便しています。
　25の様にウインドウ幅を小さくできる方法はあるのでしょうか？
お教えください