屏幕太小時防止滾動屏幕

我正在使用框架。我的標誌框架包含2張照片。一個是150px，另一個是600px，使整個標誌尺寸爲750px。現在，當用戶使窗口小於整數時，我的第二張圖片正在向下滾動而無法看到圖片。屏幕太小時防止滾動屏幕

最簡單的方法是將2張圖片連接成一張750px圖片，但有沒有辦法避免這種情況？

所有我有我的標誌框架上的代碼是...

<body class="logo_background"> 
    <img src="assets/logo.png"> 
    <img src="assets/logo_name.png"> 
</body>

我的index.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Portfolio</title> 
</head> 
<frameset rows="80px,100%" cols="*" framespacing="0" frameborder="no" border="0"> 
    <frame src="logo.html" name="logo" scrolling="no"> 
    <frameset rows="*" cols="150,100%"> 
    <frame src="menu.html" name="menu" scrolling="no"> 
    <frame src="main_page.html" name="page" scrolling="no"> 
    </frameset> 
</frameset> 
<noframes><body> 
</body></noframes> 
</html>

來源

2012-02-06 HelpNeeder

法師（或其容器）正在滾動?? ..或窗口?? .. – 2012-02-06 21:00:30

@Vivek錢德拉，幀，第二張圖片被移動到第一個（向下滾動）的底部，無法觀看它。 – HelpNeeder 2012-02-06 21:03:24

你爲什麼使用框架？他們在技術上被棄用...你能發佈一個jsfiddle的例子嗎？我不太瞭解你的問題。 – elclanrs 2012-02-06 21:06:41

使用圖像的容器上的最小寬度爲750px.It將解決問題..並且我同意@elclanrs ..使用div來實現這個..幀可能不是最好的方式..

.logo_background{ 
min-width:760px;/* just to be sure adding an extra 10px */ 
}

無論窗口大小如何，您的圖片都不會丟失位置 - 不要超出視圖範圍，您仍然可以向右滾動以查看徽標 - 兩者都可以。 :)

下面是你的問題小提琴 - 向下滾動?? ..第i http://jsfiddle.net/mvivekc/h4gVe/

來源

2012-02-06 21:16:00

style =「min-width：750px」或在以div格式顯示2張圖片後不會使我的圖片保持在一起。 – HelpNeeder 2012-02-06 21:25:39

哦，好的，如果我在logo_gb類中使用了這個功能，那麼這個方法可行。謝謝。 – HelpNeeder 2012-02-06 21:29:40

哦，我不小心... – HelpNeeder 2012-02-06 21:35:20

只是風格的標誌框架是不低於750的寬度PX。我會認爲這會起作用。

來源

2012-02-06 21:09:55 James

嗯，這可能是。我的徽標框架設置爲100％，所以也許如果我將其更改爲更高的寬度，可能不會這樣做（因爲我隱藏滾動條，所以沒有問題）。我會試試這個。 – HelpNeeder 2012-02-06 21:11:36

將寬度保持爲100％，並在徽標正文中添加最小寬度750px – 2012-02-06 21:17:35

屏幕太小時防止滾動屏幕

回答

相關問題