我正在使用HTML和CSS开发CRM项目。我需要适合所有屏幕的项目,而没有像g邮件那样的垂直滚动条。如果我们观察g邮件,我们只有邮件部分的滚动条而不是浏览器。我需要像这样实现相同的。谁能帮助我如何实施。页面应适合所有屏幕,如果它是在小屏幕或大屏幕或中等屏幕。是否有任何教程或任何脚本可根据浏览器高度计算主要内容的高度。
我附上了图片。在那个标题和主要内容部分是那里。所以我需要根据浏览器高度来设置身高,并且我需要每次根据浏览器以及内部分数来计算每个部分的高度。
我们不应该给出任何固定的高度,为什么因为我们需要适合所有分辨率的屏幕,如1366 * 768和1400 * 968以及1680 * 1050和1920 * 1080。因此,当我们增加浏览器高度时,DOM高度也应该增加和减少。
请帮我用HTML,CSS,JavaScript和Jquery找到这种类型的开发。
答案 0 :(得分:1)
首先,检查元素的默认高度。使用JQuery,可以这样做:var height = $(' .classOfYourElement')。height(); var currentBrowserHeight = $(window).height();然后你需要附加一个监听器来调整Event $(window).resize(function(){//在这里你现在正在计算窗口高度与你之前设置的窗口默认高度的差异。这个区别然后你应该申请div高度:)希望有所帮助。 }); -
答案 1 :(得分:0)
你需要在第5节周围有一个包装,并给它一个固定的高度。 然后你必须指定overflow-y值来滚动我猜。