當我調整瀏覽器的大小時，我的內容會超出我的標題，我該如何解決？

我有我的頭在我的h1，我想知道如何讓我的頭響應和調整大小，當我調整我的瀏覽器，以便內容不會溢出頭。如果解決了我的問題，我完全可以重做我的代碼。當我調整瀏覽器的大小時，我的內容會超出我的標題，我該如何解決？

#header { 
 
    max-height:110px; 
 
    background-color: darkorange; 
 
    border: 1px solid burlywood; 
 
    border-bottom: 1px solid black; 
 
}

<h1> Guide to Painting:A guide to getting your painting projects done efficiently and quickly!</h1>

來源

2017-04-11 Michael D

一個你可能需要刪除'max-height'，調整標題中的內容以適應或者應用'overflow：hidden'，但是您需要通過演示來重現我們的行爲，否則我們只是在猜測。 –

你可以添加你的html嗎？ – Ayan

尋求調試幫助的問題（「爲什麼這個代碼不工作？」）必須包含所需的行爲，特定的問題或錯誤以及在問題本身中重現問題所需的最短代碼。請參閱：如何創建[mcve] –

根據你所說的什麼「落在瀏覽器之外」的解決方案可能是交換最大高度爲最小高度。

#header { 
 
    min-height: 110px; 
 
    background-color: darkorange; 
 
    border: 1px solid burlywood; 
 
    border-bottom: 1px solid black; 
 
}

<div id="header"> 
 
    <h1> 
 
    This is a long text might overflows to the right if the window is narrow 
 
    </h1> 
 
</div>

https://jsfiddle.net/8jnofysv/

很遺憾，您的問題聲明含糊不清，可能意味着一些事情，我具體的解決辦法只能解決那些

來源

2017-04-11 04:08:35 BobbyTables

更改最大高度：最小高度：是我需要的確切答案。當我調整它的大小時，我的文本現在保留在我的標題中。 –

很高興幫助@MichaelDiffey，感謝我通過將支票標記爲正確 – BobbyTables

我標記了一個很好的答案，但我仍然是一個noob，所以它不會顯示，直到我有更多的聲譽。 –

當我調整瀏覽器的大小時，我的內容會超出我的標題，我該如何解決？

回答

相關問題