web sprit

윈도우11/10 IPv4, IPV6 네트워크 오류 액세스할 수 없습니다 문제 해결 방법 안녕하세요. DayB입니다. 이번 시간에는 윈도우11/10 IPv4, IPV6 네트워크 오류 액세스할 수 없습니... blog.naver.com 위 참고 사이트 ▲▲▲ 2, 3번 참고함. 내부 아이피로 웹페이지 모바일 테스트가 안될때 이 방법을 사용하고 와이파이로 모바일 접속이 가능하였습니다. npm 으로 가상서버를 만들든 vscode로 가상서버 만들어서 테스트 해도 내부망(와이파이)으로 모바일 테스트를 하려 했는데 화면을 확인할 수 없었습니다. 인바운드, 아웃바운드 설정이 아무리 이리저리 바꿔도 모바일 접속이 안됐는데, 이 방법으로 하고 나서 모바일로 내부망 접속이 가능해졌습니다.

1. Viewport 기본설정 width : 넓이 height : 높이 initial-scale : 초기 확대/축소 배율 minimum-scale : 최소 축소배율 (default-0.25, 0~10까지 조정가능) maximum-scale : 최대 확대배율 (default-1.6, 0~10까지 조정가능) user-scalable : 확대/축소 가능여부 (default-yes, yes | no) 2. 자동 전화걸기 태그 방지 (IOS 아이폰 전화링크 색 없애기.) 3. 홈 화면 icon(아이폰) 아이폰에서 바로가기를 추가할 경우 보여지는 아이콘 홈화면 추가 시 라운딩처리는 자동으로 처리된다. 그러므로 아이콘 작업 시 따로 라운딩 처리 하지않아도 된다.(라운딩 작업시 깨져보일 수 있음.) 반사광 효과를 설정..

1. 풀 스크린 화면1cs홈스크린으로 등록하면 사파리 모바일에서 풀스크린으로 시작합니다. 2. 시작 시 화면1cs풀스크린 모드에서 위의 태그로 시작화면을 띄울 수 있습니다. 3. 상태바 없애기1cs풀스크린 모드에서 상태바 조정이 가능합니다. 4. 웹 클립 아이콘12 cs사파리에서 특정 페이지를 홈 스크린으로 만들때 모바일 사파리는 아이콘으로 만들 웹 클립 파일을 해당 웹페이지에서 찾습니다.(파일명: apple-touch-icon-precomposed.png)다른 방법으로는 link 태그로 지정하면 됩니다.

반응형 사이트를 작업하면서 생긴 이슈입니다.iframe을 모바일에서 스크롤 안되는 문제가 있었는데특히 사파리(아이폰에서 안된다능....)에서 안된다는 이슈가 있었습니다. 특정 영역 안에 iframe을 넣으면 스크롤이 안될뿐더러 모바일 화면에서 영역을 벗어나 넘치는 현상입니다. 구글신(?)의 힘을 빌려 서치하던 중 여러가지 해결 방법이 있었는데제가 잘못 적용한것도 있을 수 있지만 완벽하진 않았습니다. 그래서 조금 수정해서 올려봅니다.HTML123 Colored by Color Scriptercs SCSS1234567891011.iframe-wrap{ border: 1px solid #d6d6d6; height: 150px; overflow: auto; -webkit-overflow-scrolling: to..

요번 프로젝트에서 크롬으로 모바일 디바이스 테스트로 크롬개발자 모드를 사용하였는데 동그란(?) 마우스 커서가 사라져서 알아본 결과 내용 정리를 위해 이렇게 글을 작성 합니다. 개발자모드(F12)를 눌러 모바일로 변경 시 마우스 표시가 웹페이지에 가져가면 안나오는 현상인데.... 예전에도 이랬던 경험이 있었던것 같습니다. 완벽한 해결방안은 아니지만 커서 사라짐없이 잘 사용할 수 있을거라 생각합니다. 1. 제어판에 들어가 마우스를 클릭 해 줍니다. 2. 마우스속성 창이 뜨면 포인터옵션 탭으로 이동 후 "표시 유형" 쪽을 바라봐 줍니다. 3. "포인터 자국 표시"에 체크 후 포인터 자국은 최대한 짧게 설정 합니다. 적용 후 확인버튼 클릭. 모든 설정을 완료하였습니다.다시 크롬을 실행하여 모바일 디바이스를 실행..