フレームセットの高さを設定する際のインターフェース変形の解決策
現在、プロジェクトを作成しました。インターフェースは次のとおりです。 これはフレームセットを使用して行われました。ワイド スクリーンでの開発では問題は見つかりませんでしたが、ユーザーが 800 x 600 のマシンでテストしたところ、インターフェイス全体が変形していることがわかりました。 当時は、フレームセット ページ全体の高さが 600 ピクセルしかなく、フレームセット内にネストされたフレームにスクロール バーが表示され、非常に見苦しいものでした。ネストされたフレーム ページにスクロール バーがなく、フレームセットにスクロール バーが表示されるように、フレームセットの高さを高く設定するにはどうすればよいですか? フレームセットの高さは設定できません。例: <frameset rows="110,*" style="height: 1900px;">。この時点では、ページの高さは 1900px ではなく、画面の高さのままです。フレームセットの本体の高さを設定することも無効です。どうすればいいですか？何日もBaiduで検索しましたが、答えが見つからなかったため、この質問は未回答のままになっています。フレームセットをDIV+CSSに置き換えてもらうことも考えましたが、内容が多すぎて作業量が多すぎるのではないかと心配だったので断念しました。 インスピレーションというのは不思議なものです。インスピレーションは来るかもしれないし来ないかもしれないが、一度来たら止めることはできないのです。この問題が1か月ほど放置されていたところ、今日突然発生し、iframe が付属してきました。その中にフレームセットをネストし、iframe ページの高さを設定すると、効果が本当に現れました。同じ問題に遭遇したが解決できない同僚と解決策を共有したいと思います。 1. フレームセットページ (inner.html) コードをコピー コードは次のとおりです。<html> <フレームセット行="110,*" フレームボーダー="いいえ" ボーダー="0" フレーム間隔="-4px"> <frame src="header.jsp" name="topFrame" scrolling="no" noresize="noresize" /> <frameset cols="170,12,*" framespacing="0" frameborder="no" border="0" id="mainFrameset"> <frame src="left.jsp" name="leftFrame"scrolling="auto" noresize="noresize" id="leftFrame"/> <frame src="narrow.jsp" scrolling="no" noresize="noresize"/> <frame src="" name="mainFrame" noresize="noresize" /> </フレームセット> </フレームセット> <フレームなし> </フレームなし> </html> 2. iframe ページ (outer.html) 重要なのは、このページの高さを設定することです。好きなだけ高く設定できます。このとき、中に含まれるフレームセットもこの高さになります。 コードをコピー コードは次のとおりです。<body style="margin: 0px;height: 580px;width:960px;"> <iframe src="inner.html" スタイル="高さ:100%;幅:100%;境界線の幅: 0px;"> </iframe> </本文> |
推薦する
Reactコンポーネント通信の詳細な説明
目次コンポーネント通信の概要コンテンツ3つの方法まとめコンポーネントコミュニケーション - 父から息...
ユーザーはその理由を知る必要がある
証券会社にいた頃、設計業務が忙しくなかったため、商品のマニュアルを書く役割を担ったことがありました。...
Linux リダイレクトの使用方法の詳細な説明
誰でも時々データをコピーして貼り付ける必要があると思います。コピーして貼り付けるためにファイルを開く...
MySQL 5.7.17 zip パッケージ バージョンを Windows 10 にインストールするチュートリアル
mysql5.7.17のインストールチュートリアルを参考までに共有します。具体的な内容は次のとおりで...
MySQLデータベースのnullに関する知識ポイントのまとめ
MySQL データベースでは、null は一般的な状況です。MySQL での null に関する注意...
CentOS 8 インストール図 (超詳細なチュートリアル)
CentOS 8 が正式にリリースされました! CentOS は Red Hat の再配布ポリシー...
MySQL 8.0.22 のインストールと設定のグラフィックチュートリアル
MySQL8.0.22のインストールと設定（超詳細）参考までに、具体的な内容は次のとおりです。みなさ...
WeChat アプレット学習 WXS 使用方法チュートリアル
wxsとは何ですか? wxs (WeiXin Script) は、小規模プログラム用のスクリプト言語...
LinkedIn がウェブサイト閲覧を簡素化するためにリニューアル
ビジネス ソーシャル ネットワーキング サイト LinkedIn は最近、ナビゲーション バーとユー...
HTML フォームとフォーム内部タグの使用
コードをコピーコードは次のとおりです。 <html> <ヘッド> <t...
MySQL におけるユニーク制約と NULL の詳細な説明
序文説明を簡略化するために以前に設定した要件は、他のグループから MQ メッセージを受信し、データベ...
CSS を使用して物流の進行状況のスタイルを実装するためのサンプルコード
効果： CSS スタイル: <スタイル タイプ="text/css">...
CSS3のtext-fill-colorプロパティの詳細な説明
text-fill-color とは何を意味しますか?文字通りの意味から言えば、「テキストの塗りつぶ...
LinuxのバックグラウンドでPythonプログラムを実行するいくつかの方法
1. 最初の方法は、unhup コマンドを直接使用してプログラムをバックグラウンドで実行することです...
MySQL 8.0.11 Community Green Edition の Windows 用インストール手順図
このチュートリアルでは、インストールに最新の MySQL コミュニティ グリーン バージョンである ...