주소 표시줄이 iOS/Android/Mobile Chrome을 숨길 때 배경 이미지 점프
저는 현재 트위터 부트스트랩을 이용하여 반응형 사이트를 개발하고 있습니다.
사이트에는 모바일/태블릿/데스크탑 전체에 걸쳐 전체 화면 배경 이미지가 있습니다.이러한 영상은 두 개의 디브를 사용하여 각각 회전하고 페이드됩니다.
한 가지 문제만 제외하면 거의 완벽합니다.Android에서 iOS Safari, Android Browser 또는 Chrome을 사용하는 경우 사용자가 페이지를 스크롤하여 주소 표시줄을 숨길 때 배경이 약간 이동합니다.
사이트는 다음과 같습니다. http://lt2.daveclarke.me/
모바일 장치로 방문하여 아래로 스크롤하면 이미지 크기 조정/이동을 볼 수 있습니다.
제가 백그라운드 DIV에 사용하는 코드는 다음과 같습니다.
#bg1 {
background-color: #3d3d3f;
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; position:fixed;
width:100%;
height:100%;
left:0px;
top:0px;
z-index:-1;
display:none;
}
모든 제안을 환영합니다 - 이것은 한동안 제 머리를 아프게 했습니다!!
이 문제는 URL 막대가 축소/미끄러지고 #bg1 및 #bg2 div가 100% 높이이고 "고정"되어 있으므로 크기가 변경되어 발생합니다.배경 이미지가 "덮기"로 설정되어 있으므로 포함 영역이 클수록 이미지 크기/위치가 조정됩니다.
사이트의 반응성에 따라 배경이 확장되어야 합니다.두 가지 가능한 해결책을 제시합니다.
#bg1, #bg2 높이를 100vh로 설정합니다.이론적으로, 이것은 우아한 해결책입니다.하지만 iOS에는 vh 버그(http://thatemil.com/blog/2013/06/13/viewport-relative-unit-strangeness-in-ios-6/) 가 있습니다.저는 문제를 방지하기 위해 최대 높이를 사용하려고 했지만 그대로 유지되었습니다.
보기 포트 크기는 Javascript에 의해 결정될 때 URL 표시줄의 영향을 받지 않습니다.따라서 Javascript를 사용하여 뷰포트 크기를 기준으로 #bg1 및 #bg2의 정적 높이를 설정할 수 있습니다.이것은 순수한 CSS가 아니며 페이지 로드 시 약간의 이미지 점프가 있기 때문에 최선의 해결책은 아닙니다.하지만 iOS의 "vh" 버그(iOS 7에서 수정되지 않은 것으로 보이는 버그)를 고려하면 실행 가능한 유일한 솔루션입니다.
var bg = $("#bg1, #bg2");
function resizeBackground() {
bg.height($(window).height());
}
$(window).resize(resizeBackground);
resizeBackground();
참고로 iOS와 Android의 URL 표시줄 크기 조정과 관련하여 많은 문제를 보았습니다.저는 목적을 이해하지만, 그들은 웹사이트에 그들이 가져오는 이상한 기능과 혼란에 대해 생각할 필요가 있습니다.가장 최근의 변화는 스크롤 트릭을 사용하여 iOS 또는 Chrome에서 페이지 로드의 URL 표시줄을 더 이상 "숨길" 수 없다는 것입니다.
편집: 위 스크립트는 배경 크기를 조정하지 않는 데 완벽하게 작동하지만 사용자가 아래로 스크롤할 때 눈에 띄는 차이가 발생합니다.배경 크기를 화면 높이에서 URL 표시줄을 뺀 100%로 유지하고 있기 때문입니다.스위스의 제안대로 60px를 높이에 더하면 이 문제는 해결됩니다.이는 URL 표시줄이 있을 때 배경 이미지의 하단 60px를 볼 수 없다는 것을 의미하지만 사용자가 공백을 볼 수 없도록 방지합니다.
function resizeBackground() {
bg.height( $(window).height() + 60);
}
저는 제이슨의 대답이 저에게 별로 효과가 없다는 것을 알았고 저는 여전히 흥분하고 있었습니다.Javascript는 페이지 맨 위에 공백이 없도록 했지만 주소 표시줄이 사라지거나 다시 나타날 때마다 배경이 여전히 점프하고 있었습니다.그래서 자바스크립트 수정뿐만 아니라, 저는 지원했습니다.transition: height 999999s원소를 동결시킬 로 긴 시간을 .이렇게 하면 요소가 사실상 동결될 정도로 지속 시간이 긴 전환이 생성됩니다.
우리 웹사이트 헤더에도 비슷한 문제가 있습니다.
html, body {
height:100%;
}
.header {
height:100%;
}
이것은 url-bar가 숨어서 화면에서 손가락이 제거된 후 .header-container가 크기를 조정하기 때문에 Android chrome에서 점프 스크롤 경험으로 끝날 것입니다.
CSS-솔루션:
다음 두 줄을 추가하면 url-bar가 숨겨지고 세로 스크롤이 계속 가능하지 않습니다.
html {
overflow: hidden;
}
body {
overflow-y: scroll;
-webkit-overflow-scrolling:touch;
}
그 문제는 미디어 쿼리와 약간의 수학으로 해결할 수 있습니다.Portait 오리엔테이션을 위한 솔루션은 다음과 같습니다.
@media (max-device-aspect-ratio: 3/4) {
height: calc(100vw * 1.333 - 9%);
}
@media (max-device-aspect-ratio: 2/3) {
height: calc(100vw * 1.5 - 9%);
}
@media (max-device-aspect-ratio: 10/16) {
height: calc(100vw * 1.6 - 9%);
}
@media (max-device-aspect-ratio: 9/16) {
height: calc(100vw * 1.778 - 9%);
}
URL 표시줄이 사라지면 vh가 변경되므로 다른 방법으로 높이를 결정해야 합니다.고맙게도 뷰포트의 너비는 일정하며 모바일 장치는 몇 가지 다른 가로 세로 비율만 제공됩니다. 너비와 가로 세로 비율을 결정할 수 있는 경우 약간의 수학을 사용하면 vh가 작동하는 대로 뷰포트 높이를 얻을 수 있습니다.과정은 다음과 같습니다.
대상으로 지정할 가로 세로 비율에 대한 일련의 미디어 쿼리를 만듭니다.
URL 표시줄이 사라지면 후자의 크기가 조정되기 때문에 가로 세로 막대 대신 장치 가로 세로 막대를 사용합니다.
저는 가장 인기 있는 장치 사이에 나타나는 모든 가로 세로 비율을 목표로 장치 가로 세로 비율에 'max'를 추가했습니다.그들은 그렇게 정확하지는 않겠지만, 소수의 사용자들만을 위한 것이고 여전히 적절한 vh에 상당히 근접할 것입니다.
가로/세로를 사용하여 미디어 쿼리를 기억하십시오. 따라서 포테이토의 경우 숫자를 뒤집어야 합니다.
각 미디어 쿼리에 대해 요소를 vw로 설정할 수직 높이의 백분율에 가로 세로 비율의 역수를 곱합니다.
- 너비와 높이의 비율을 알고 있으므로 원하는 %(이 경우 100%)에 높이/폭의 비율을 곱하면 됩니다.
URL 표시줄 높이를 결정한 다음 높이에서 이 값을 빼야 합니다.정확한 측정값을 찾지는 못했지만, 저는 9%를 모바일 기기에 사용하고 있으며, 그것은 꽤 잘 작동하는 것으로 보입니다.
이 솔루션은 매우 우아한 솔루션은 아니지만, 다음과 같은 점을 고려할 때 다른 옵션도 그다지 좋지 않습니다.
당신의 웹사이트가 사용자들에게 버그로 보이는 것은,
부적절한 크기의 요소를 가진 경우
기본적인 스타일링을 위해 자바스크립트를 사용하면,
단점은 일부 장치의 URL 표시줄 높이 또는 가로 세로 비율이 가장 일반적인 장치와 다를 수 있다는 것입니다.그러나 소수의 장치만 몇 픽셀의 추가/감산이 발생하는 경우 이 방법을 사용하는 것이 모든 사용자가 스와이핑할 때 웹 사이트 크기를 조정하는 것보다 훨씬 낫습니다.
이를 쉽게 하기 위해 다음에서 SAS 믹스를 만들었습니다.
@mixin vh-fix {
@media (max-device-aspect-ratio: 3/4) {
height: calc(100vw * 1.333 - 9%);
}
@media (max-device-aspect-ratio: 2/3) {
height: calc(100vw * 1.5 - 9%);
}
@media (max-device-aspect-ratio: 10/16) {
height: calc(100vw * 1.6 - 9%);
}
@media (max-device-aspect-ratio: 9/16) {
height: calc(100vw * 1.778 - 9%);
}
}
은 여에있모답은변든는을 합니다.window높이. URL 표시줄의 영향을 받습니다.다들 잊었나요?screen키?키?키?
제 jQuery 솔루션은 다음과 같습니다.
$(function(){
var $w = $(window),
$background = $('#background');
// Fix background image jump on mobile
if ((/Android|iPhone|iPad|iPod|BlackBerry/i).test(navigator.userAgent || navigator.vendor || window.opera)) {
$background.css({'top': 'auto', 'bottom': 0});
$w.resize(sizeBackground);
sizeBackground();
}
function sizeBackground() {
$background.height(screen.height);
}
});
추가.css()부품은 필연적으로 상단 정렬 절대 위치 요소를 하단 정렬로 변경하므로 점프가 전혀 없습니다.하지만, 일반 CSS에 직접 추가하지 않을 이유는 없다고 생각합니다.
데스크톱의 화면 높이가 도움이 되지 않을 것이기 때문에 사용자 에이전트 탐지기가 필요합니다.
또한, 이모것을 가정한 입니다.#background창을 채우는 고정 위치 요소입니다.
JavaScript 퓨리스트(경고-테스트되지 않음)의 경우:
var background = document.getElementById('background');
// Fix background image jump on mobile
if ((/Android|iPhone|iPad|iPod|BlackBerry/i).test(navigator.userAgent || navigator.vendor || window.opera)) {
background.style.top = 'auto';
background.style.bottom = 0;
window.onresize = sizeBackground;
sizeBackground();
}
function sizeBackground() {
background.style.height = screen.height;
}
편집: 배경이 둘 이상인 특정 문제에 직접적으로 대응하지 못해 죄송합니다.하지만 이것은 모바일에서 고정된 배경 점프의 문제를 검색할 때의 첫 번째 결과 중 하나입니다.
현재 하고 있는 은 제가현사해확것입다니는인하을결책는용재하를 하는 입니다.userAgent$(document).ready문제가 되는 브라우저 중 하나인지 확인합니다.해당하는 경우 다음 단계를 수행합니다.
- 관련 높이를 '100%'가 아닌 현재 뷰포트 높이로 설정
- 현재 뷰포트 수평 값 저장
- 럼그에 온.
$(window).resize새 수평 뷰포트 치수가 초기 값과 다른 경우에만 관련 높이 값을 업데이트 - 새 가로 및 세로 값 저장
선택적으로 수직 크기가 주소 표시줄의 높이를 벗어나는 경우에만 허용되는 크기를 테스트할 수 있습니다.
아, 그리고 주소 표시줄이 다른 사람들에게$(window).height 참고: 모바일 웹킷 브라우저(크롬) 주소 표시줄 변경 $(창).높이(); 배경 크기 만들기: JS "창" 너비 높이와 "화면" 너비 높이를 비교할 때마다 덮개 크기를 조정하시겠습니까?
뷰포트 전체를 덮을 수 있는 입구 화면을 만들려고 할 때도 이 문제에 부딪혔습니다.안타깝게도 승인된 답변은 더 이상 작동하지 않습니다.
가 높가다로설요소정된으로 100vhURL 표시줄이 사라져서 발생하는 경우를 포함하여 뷰포트 크기가 변경될 때마다 크기가 조정됩니다.
2)$(window).height()URL 표시줄 크기에도 영향을 받는 값을 반환합니다.
한 가지 해결책은 다음을 사용하여 요소를 "동결"하는 것입니다.transition: height 999999sAlex Kempton의 대답에서 제안한 것처럼.단점은 화면 회전으로 인한 변경 사항을 포함하여 모든 뷰포트 크기 변경 사항에 대한 적응이 효과적으로 비활성화된다는 것입니다.
그래서 제 솔루션은 JavaScript를 사용하여 뷰포트 변경사항을 수동으로 관리하는 것입니다.이를 통해 URL 표시줄로 인해 발생할 수 있는 작은 변경 사항은 무시하고 큰 변경 사항에만 대응할 수 있습니다.
function greedyJumbotron() {
var HEIGHT_CHANGE_TOLERANCE = 100; // Approximately URL bar height in Chrome on tablet
var jumbotron = $(this);
var viewportHeight = $(window).height();
$(window).resize(function () {
if (Math.abs(viewportHeight - $(window).height()) > HEIGHT_CHANGE_TOLERANCE) {
viewportHeight = $(window).height();
update();
}
});
function update() {
jumbotron.css('height', viewportHeight + 'px');
}
update();
}
$('.greedy-jumbotron').each(greedyJumbotron);
저는 이 을 편집: 저는실이기함사다께용니합을술로제▁with▁this▁together다▁edit▁actually와 함께 사용합니다.height: 100vh페이지가 처음부터 올바르게 렌더링된 다음 Javascript가 시작되고 높이를 수동으로 관리하기 시작합니다.이렇게 하면 페이지를 로드하는 동안(또는 이후에도) 깜박임이 전혀 없습니다.
Javascript를 사용하지 않고도 매우 쉬운 솔루션을 찾았습니다.
transition: height 1000000s ease;
-webkit-transition: height 1000000s ease;
-moz-transition: height 1000000s ease;
-o-transition: height 1000000s ease;
이 모든 것은 움직임을 지연시켜 눈에 띄지 않게 하는 것입니다.
제 솔루션에는 약간의 Javascript가 포함되었습니다.div에 100% 또는 100vh를 유지합니다(이렇게 하면 div가 초기 페이지 로드에 나타나지 않습니다).그런 다음 페이지가 로드되면 창 높이를 잡고 해당 요소에 적용합니다.이제 div에 정적 높이가 있기 때문에 점프를 피합니다.
var $hero = $('#hero-wrapper'),
h = window.innerHeight;
$hero.css('height', h);
저는 VH 유닛을 사용하기 위한 바닐라 자바스크립트 솔루션을 만들었습니다.거의 모든 곳에서 VH를 사용하는 것은 스크롤을 최소화하는 주소 표시줄에 의해 영향을 받습니다.그려지는 하기 위해, 하여 모든 를 잡을 수 이하면 VH 단위를 사용하여 VH 단위를 지정합니다)..vh-fix를 선택하고 높이를 합니다.를 선택하고 인라인 픽셀 높이를 지정합니다.기본적으로 우리가 원하는 높이에서 냉동시키는 것.이 작업은 회전 시 또는 뷰포트 크기를 변경할 때 수행하여 응답성을 유지할 수 있습니다.
var els = document.querySelectorAll('.vh-fix')
if (!els.length) return
for (var i = 0; i < els.length; i++) {
var el = els[i]
if (el.nodeName === 'IMG') {
el.onload = function() {
this.style.height = this.clientHeight + 'px'
}
} else {
el.style.height = el.clientHeight + 'px'
}
}
이것이 제 모든 사용 사례를 해결했습니다. 도움이 되길 바랍니다.
이것이 이 문제를 해결하기 위한 저의 해결책입니다. 코드에 직접 코멘트를 추가했습니다.저는 이 솔루션을 테스트했고 잘 작동합니다.우리가 모두 같은 문제를 가지고 있기를 바랍니다.
//remove height property from file css because we will set it to first run of page
//insert this snippet in a script after declarations of your scripts in your index
var setHeight = function() {
var h = $(window).height();
$('#bg1, #bg2').css('height', h);
};
setHeight(); // at first run of webpage we set css height with a fixed value
if(typeof window.orientation !== 'undefined') { // this is more smart to detect mobile devices because desktop doesn't support this property
var query = window.matchMedia("(orientation:landscape)"); //this is is important to verify if we put
var changeHeight = function(query) { //mobile device in landscape mode
if (query.matches) { // if yes we set again height to occupy 100%
setHeight(); // landscape mode
} else { //if we go back to portrait we set again
setHeight(); // portrait mode
}
}
query.addListener(changeHeight); //add a listner too this event
}
else { //desktop mode //this last part is only for non mobile
$( window ).resize(function() { // so in this case we use resize to have
setHeight(); // responsivity resisizing browser window
});
};
이것은 제가 시도한 모든 것 중에서 가장 좋은 해결책입니다.
...그리고 이것은 주소 표시줄의 기본 경험을 유지하지 못합니다!
예를 들어 CSS를 사용하여 높이를 100%로 설정한 다음 문서가 로드될 때 javascript를 사용하여 창 높이를 px의 0.9*로 설정할 수 있습니다.
jQuery의 예:
$("#element").css("height", 0.9*$(window).height());
)
순수 :와 함께 , 인 CSS는 없습니다.P와 함께 작동하는 것은 없지만 또한 그것을 최소화하는 것도 마찬가지입니다.vh그리고.vwiPhone에 버그가 있음 - 사용률.
저는 자바스크립트로 저의 너비 요소를 설정했습니다.내가 devh를 설정한 후에.
html
<div id="gifimage"><img src="back_phone_back.png" style="width: 100%"></div>
CSS
#gifimage {
position: absolute;
height: 70vh;
}
자바스크립트
imageHeight = document.getElementById('gifimage').clientHeight;
// if (isMobile)
document.getElementById('gifimage').setAttribute("style","height:" + imageHeight + "px");
이것은 나에게 효과가 있습니다.나는 jqueryelect를 사용하지 않습니다. 왜냐하면 나는 그것이 최대한 빨리 로딩되기를 원하기를 원하기 때문입니다.
이 문제의 모든 세부 사항을 이해하고 최상의 구현 방법을 파악하는 데 몇 시간이 걸렸습니다.2016년 4월 현재 iOS 크롬에서만 이 문제가 발생한 것으로 나타났습니다.Android Chrome과 iOS Safari를 사용해 보았습니다. 이 수정 없이도 둘 다 문제가 없었습니다.그래서 제가 사용하고 있는 iOS Chrome의 수정 사항은 다음과 같습니다.
$(document).ready(function() {
var screenHeight = $(window).height();
$('div-with-background-image').css('height', screenHeight + 'px');
});
@AlexKempton 답변과 유사합니다.(댓글 달지 마 미안)
요소 크기 조정을 방지하기 위해 긴 전환 지연 시간을 사용했습니다.
예:
transition: height 250ms 600s; /*10min delay*/
을 방지한다는 하여 이의장장회포요함크소조방것는입다니다기지한것정을의한점치전은을▁including▁the것다▁use▁j니입▁detect▁element이s▁could▁some것는,▁is▁rotating▁you▁however방다▁device▁on▁trade▁of▁it▁res▁this,▁toizingoff▁the▁prevents▁with지한을 감지할 수 있습니다. 그러나 일부 JS를 사용하여 감지할 수 있습니다.orientationchange문제가 있으면 높이를 재설정합니다.
배경이 허락한다면 간단한 대답, 배경 크기를 설정하는 것이 어때요: 미디어 쿼리로 장치 너비를 가리고 :after position: fixed; hack here.
IE: 배경 크기: 901px; 화면의 경우 <900px?완벽하지도 반응하지도 않지만 추상적인 BG를 사용하고 있기 때문에 모바일 <480px>에서 매력적으로 작용했습니다.
제 대답은 (저처럼) 여기에 온 모든 사람들이 숨겨진 주소 베어/브라우저 인터페이스로 인한 버그에 대한 답을 찾는 것입니다.
숨겨진 주소 표시줄로 인해 크기 조정 이벤트가 트리거됩니다.그러나 가로 모드로 전환하는 것과 같은 다른 크기 조정 이벤트와 달리 창 너비는 변경되지 않습니다.그래서 제 해결책은 크기 조정 이벤트에 연결하여 너비가 동일한지 확인하는 것입니다.
// Keep track of window width
let myWindowWidth = window.innerWidth;
window.addEventListener( 'resize', function(event) {
// If width is the same, assume hiding address bar
if( myWindowWidth == window.innerWidth ) {
return;
}
// Update the window width
myWindowWidth = window.innerWidth;
// Do your thing
// ...
});
다음 해결 방법을 사용하고 있습니다.페이지 로드에서 bg1의 높이를 수정하는 방법:
var BG = document.getElementById('bg1');
BG.style.height = BG.parentElement.clientHeight;
그런 다음 크기 조정 이벤트 수신기를 Window에 연결하여 크기 조정 후 높이 차이가 60px(url 막대 높이 이상)보다 작으면 아무것도 하지 않고 60px보다 크면 bg1의 높이를 다시 부모 높이로 설정합니다! 전체 코드:
window.addEventListener("resize", onResize, false);
var BG = document.getElementById('bg1');
BG.style.height = BG.parentElement.clientHeight;
var oldH = BG.parentElement.clientHeight;
function onResize() {
if(Math.abs(oldH - BG.parentElement.clientHeight) > 60){
BG.style.height = BG.parentElement.clientHeight + 'px';
oldH = BG.parentElement.clientHeight;
}
}
PS: 이 벌레는 정말 짜증나요!
크롬 모바일 브라우저가 URL 표시줄을 표시에서 숨김으로 전환하는 동안 실제 내부 높이와 창의 수직 스크롤을 듣고 싶은 사람들을 위해, 제가 찾은 유일한 해결책은 간격 함수를 설정하고, 윈도우의 불일치를 측정하는 것입니다.window.innerHeight이전의 값으로
다음 코드가 도입되었습니다.
var innerHeight = window.innerHeight;
window.setInterval(function ()
{
var newInnerHeight = window.innerHeight;
if (newInnerHeight !== innerHeight)
{
var newScrollY = window.scrollY + newInnerHeight - innerHeight;
// ... do whatever you want with this new scrollY
innerHeight = newInnerHeight;
}
}, 1000 / 60);저는 이것이 유용하기를 바랍니다.더 나은 해결책을 아는 사람?
비슷한 문제가 있을 때 생각해 낸 해결책은 요소의 높이를 다음과 같이 설정하는 것이었습니다.window.innerHeight 때마다touchmove이벤트가 발생했습니다.
var lastHeight = '';
$(window).on('resize', function () {
// remove height when normal resize event is fired and content redrawn
if (lastHeight) {
$('#bg1').height(lastHeight = '');
}
}).on('touchmove', function () {
// when window height changes adjust height of the div
if (lastHeight != window.innerHeight) {
$('#bg1').height(lastHeight = window.innerHeight);
}
});
이렇게 하면 요소의 범위가 항상 사용 가능한 화면의 100%를 차지하게 됩니다.주소 표시줄을 숨기거나 표시하는 동안에도.
그럼에도 불구하고 우리가 단순한 곳에서 그런 종류의 패치를 고안해야 한다는 것은 유감스러운 일입니다.position: fixed작동해야 합니다.
iOS에서 CSS 사용자 지정 속성(변수)을 지원하여 JS로 설정하고 iOS에서만 사용할 수 있습니다.
const iOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;
if (iOS) {
document.body.classList.add('ios');
const vh = window.innerHeight / 100;
document.documentElement.style
.setProperty('--ios-10-vh', `${10 * vh}px`);
document.documentElement.style
.setProperty('--ios-50-vh', `${50 * vh}px`);
document.documentElement.style
.setProperty('--ios-100-vh', `${100 * vh}px`);
}
body.ios {
.side-nav {
top: var(--ios-50-vh);
}
section {
min-height: var(--ios-100-vh);
.container {
position: relative;
padding-top: var(--ios-10-vh);
padding-bottom: var(--ios-10-vh);
}
}
}
를 제거하기position: fixed;또는position: absolute;당신의 배경 디비에 그들 중 하나라도 있다면, 저를 위해 그 문제를 해결해 주세요.
저는 @cr0ybot에서 코드를 받아서 배경 크기와 위치에 몇 가지 변경 사항을 추가하여 저에게 적합하게 만들었습니다.
$(function(){
var $w = $(window),
$background = $('.slideshow-fullscreen');
// Fix background image jump on mobile
if ((/Android|iPhone|iPad|iPod|BlackBerry/i).test(navigator.userAgent || navigator.vendor || window.opera)) {
$background.css({'top': 'auto', 'bottom': 0});
$w.resize(sizeBackground);
sizeBackground();
}
function sizeBackground() {
$background.height( $(window).height());
$background.css({'background-size':'auto '+$(window).height()+'px'});
$background.css({'background-position':'top center'});
}
});
언급URL : https://stackoverflow.com/questions/24944925/background-image-jumps-when-address-bar-hides-ios-android-mobile-chrome
'sourcecode' 카테고리의 다른 글
| 워크스페이스를 로드할 때 "나쁜 매직넘버" 오류의 원인과 회피 방법은 무엇입니까? (0) | 2023.06.08 |
|---|---|
| 킷체리픽이 말하길 "...38c74d는 병합이지만 -m 옵션이 제공되지 않았습니다." (0) | 2023.06.08 |
| 플라스크의 '종점'은 무엇입니까? (0) | 2023.06.08 |
| 두 개 이상의 벡터에서 모든 요소의 고유한 조합 (0) | 2023.06.08 |
| 'INSERT INTO' 근처의 구문 오류로 인해 실패하는 SQL 쿼리에서 오류가 어디에 있는지 이해하는 방법 (0) | 2023.06.08 |