앨리스래빗팀 기술블로그

https://www.the-koi.com/projects/how-to-disable-pull-to-refresh/ https://stackoverflow.com/questions/69261011/disable-pull-to-refresh-in-ios-15-safari Disable pull-to-refresh in iOS 15 Safari iOS 15 is out and so is the new release of Safari that brings the ubiquitous pull-to-refresh. Like it or not, single-page apps don't like that too much. Here's how to disable it on Chrome for iPhone: stacko..

// 프린트 설정@media print { .page-break { page-break-inside:avoid; page-break-after:auto } .page-wrap { print-color-adjust: exact; -webkit-print-color-adjust: exact; }} 머리말 / 페이지 번호 영역 삭제@media print { @page { margin: 0; /* 기본 머리글/바닥글 공간 제거 */ } body { margin: 0; padding: 0; } /* 숨기고 싶은 요소 */ .no-print { display: none; }}

https://yesviz.com/viewport/ Viewport Size for Devices | Screen Sizes, Phone Dimensions and Device Resolution | YesViz.com An Authentic Guide of Viewport Sizes for devices including Apple iPhone, Samsung, Tablets, Smart Watches and Android Phones. A detailed comparison list of Phone Dimensions, Screen Sizes and Device Resolution. yesviz.com https://www.ios-resolution.com/ iOS Resolution // Displ..

@media print { style }

normal: The default value. Multiple whitespaces are collapsed into one. The text wraps to the next line when needed. nowrap: Multiple whitespaces are collapsed into one, but the text doesn’t wrap to the next line. pre: Same results as using the where all the whitespaces will be kept as is and the text only wraps when line breaks are in the content. pre-line: Multiple whitespaces are collapsed in..

-webkit-appearance: none;

var element = document.getElementById("box"); element.scrollIntoView(); element.scrollIntoView(false); element.scrollIntoView({block: "end"}); element.scrollIntoView({behavior: "smooth", block: "end", inline: "nearest"}); behavior "auto", "smooth" 기본값은 "auto" block "start", "center", "end", "nearest" 기본값은 "start" inline Optional "start", "center", "end", "nearest" 기본값은 "nearest". https://develop..

/* 스크롤바 */ ::-webkit-scrollbar{ width: 5px; height: 5px; } ::-webkit-scrollbar-thumb{ background: linear-gradient(13deg, #9df1cb 14%,#4CC590 64%); border-radius: 10px; } ::-webkit-scrollbar-thumb:hover{ background: linear-gradient(13deg, #b8ffdf 14%,#67e1ab 64%); } ::-webkit-scrollbar-track{ background: #FFFFFF; border-radius: 10px; box-shadow: inset 7px 10px 12px 0px #F0F0F0; }

-webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000; perspective: 1000;

animation-fill-mode: forwards; https://stackoverflow.com/questions/4359627/stopping-a-css3-animation-on-last-frame Stopping a CSS3 Animation on last frame I have a 4 part CSS3 animation playing on click - but the last part of the animation is meant to take it off the screen. However, it always goes back to its original state once it has played. An... stackoverflow.com