我已經問過這個問題，並且得到了一個有效的工作答案。雖然它似乎我現在的問題是不受這裏提供的結果：關於調整HTML元素大小的問題

My Webpage Won't Retain it's Width When Narrowed

從我在這裏獲得答案，橫幅我曾在我的上方（和其他人的）屏幕（S）保留了半尺寸窗口中最大窗口的100％尺寸。

在Layman's Terms中，橫幅在不同的窗口中保持不變。

現在我有一個更令人困惑的問題... 頁面上的其他元素（特別是div的）將不會保留相同的功能，即使它們包含在我介紹的包裝div在鏈接中。

我決定只包含一個包含我的.HTML和.CSS的.zip的鏈接，以及圖像 - 以便提供最準確的可視化我所經歷的。

源代碼：https://www.dropbox.com/s/41p4uqu5qowotgk/CSwebpage.zip

感謝您的幫助！

來源

2013-11-28 Zulfe

首先，如果你最後一個問題的答案是正確的，你應該把它標記爲正確的，這樣回答它的人會得到一些認可。其次，您需要創建一個顯示孤立問題的'jsfiddle'或'JSBin'示例，而不是要求我們下載zip文件並在本地處理該代碼。如果它與另一個問題的代碼相同，那麼你已經寫好了，對吧？ – davidpauljunior

會做！我很快就會收到另一條評論！ – Zulfe

這應該是鏈接到JSfiddle，代表我得到： – Zulfe

好吧所以我有點做了一個hacky的方法，但我做了什麼來解決這個問題是創建一個div在你的#wrapper div裏面，名爲#hacker。然後我把你的900px的最小寬度放在那個div上，它工作的很好。但是它將絕對定位的#quotebox放到了頁面的底部。因此，要解決部分它取代它的規則與：

qouteBox {

width: 48.6%; 
float: right; 
border: 1px dashed #7FFF00; 
height: 35px; 
position: relative; 
top: -30px; 
right: 8px;

}

這將得到它關閉足夠你可以微調它。

讓我知道這是否有幫助！

編輯＃1：對不起，我忘了告訴你了900px最小寬度設置後添加mportant規則：

黑客！{quotebox：最小寬度：900px重要}

這將覆蓋所有其他通用和特定的css規則。

來源

2013-11-28 04:06:56 SamStar

我仍然收到錯誤消息。爲了進一步解釋我的錯誤，當我的網頁打開全屏時 - 它工作正常。但是，如果您使用Windows 7或BetterSnapTool for Mac，則會注意到如果將窗口移動到屏幕的一側以將其大小調整爲顯示器寬度的50％，整個網頁就會變得格格不入。如果你想要得到最正確的娛樂信息，Dropbox上的.zip鏈接仍然在我原來的文章中。我發表在原帖之下的評論中的JSfiddle也給出了我所得到的一個非常接近的例子。 – Zulfe

我遺漏了我的解決方案的一部分...檢查編輯，看看是否有效。 – SamStar

關於調整HTML元素大小的問題

回答

qouteBox {

相關問題