0
我有一個頁面頂部有一個大的頁眉圖片，它佔據了整個視圖的寬度和高度。我在網上發現了一個非常有用的片段，它避免了當url欄消失時發生在移動設備上的奇怪的調整大小問題。在包含下面的代碼之前，當url欄消失時，標題圖片的大小會增加，因爲視圖高度會變大。該代碼完美工作，除了問題仍然存在於iOS Chrome應用程序中。這裏的任何幫助將不勝感激jQuery調整大小功能在Chrome中不起作用
我已決定採取一種新方法來解決這個問題，因爲safari和chrome的URL欄高度各不相同。這會導致不必要的複雜性，並且很難在兩個瀏覽器上都能很好地進行調整。我正在採取的新方法是，當在平板電腦或手機上查看網頁時，我想將高度設置爲視圖高度並保持在該高度。我已經更新了下面的jQuery代碼到目前爲止，但它仍然無法按預期工作。
HTML：
<div class="intro-bg">
<div class="intro-bg-item">
<div class="intro-bg-item-image" style="background-image: url(css/images/pb/home-banner.jpg)"></div><!-- /.intro-bg-item-image -->
</div><!-- /.intro-bg-item -->
</div><!-- /.intro-bg -->
的jQuery：
if ($(window).width() <= 1024) {
var bg = $(".intro-bg-item-image, .intro-bg-item, .intro-bg, .caroufredsel_wrapper");
function resizeBackground() {
bg.height($(window).height());
}
$(window).load(resizeBackground);
resizeBackground();
}
你有沒有檢查resizeBackground（）被調用在調整大小後的IOS（例如，把函數內部警報）。 – yezzz
你是否反對用CSS處理這個問題？從你的描述來看，這聽起來像一個CSS問題。運行媒體查詢以更改背景大小或更改提供的圖像。當然，或者任何一種策略都可行。 – rob
@rob也許我可以使用jquery來確定頁面加載到移動設備上的視圖高度，然後將高度設置爲高度，而不是100vh，這會在url欄消失時變化？ –