屏幕太小时防止滚动屏幕

我正在使用框架。我的标志框架包含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

屏幕太小时防止滚动屏幕

回答

相关问题