2014-09-12 100 views
0

所以我开发了这个网站,当浏览器最大化时,它可以在笔记本电脑屏幕上正常工作。但是,如果我调整浏览器的大小,内容似乎会缩小以适应浏览器。 我该怎么做才能避免这种情况发生?因此,即使浏览器重新调整大小,背景内容也是如此(仅显示浏览器当前重新调整大小的窗口中显示的内容)。浏览器调整大小不会影响HTML内容

一个例子是这样的: - enter image description here

直播链接: - www.amiteshgrover.com/dev

任何建议表示赞赏。

+0

您需要使您的网站响应。现在发生的事情很正常。阅读https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries – MarsOne 2014-09-12 11:37:18

+0

老实说,我不明白你需要什么 P.当您快速切换菜单语音时,我发现菜单上有一个错误。尝试在鼠标悬停动画之前在链中插入.stop()(jquery函数)! – 2014-09-12 14:15:14

回答

2

在您的容器div和高级元素上使用min-width。另一种方法是在容器上设置min-widthmax-width,并在内容上设置固定大小。

请记住,这不会使您的页面响应,因为这将包括自动移动元素和更改布局。

0

首先尝试并封闭所有的JavaScript内

$(document).ready(function() { 

}); 

,因为我在控制台得到一个错误。可能是因为jquery尚未完成加载。

(function() { 
    // the line below throws an error 
    var quotes = $(".quotes");