퍼블리싱, 프론트엔드(특히 아이폰) 개발에 대해 궁금한 점이 있어요

Question

안녕하세요현재 웹퍼블리싱 기초를 공부중입니다. 뭔가를 만들어서 컴퓨터 웹브라우저로 보면 제대로 보이고,스마트폰도 안드로이드는 기종을 막론하고 제대로 보이는데요아이폰으로만 보면 제대로 구현이 안되는 점이 종종 있더라구요 1) html에서 <a href&#61;&#34;#id&#34;> 방식으로 id 링크 걸어놓고 페이지 내에서 이동되게 하는점도안드로이드는 제가 설정해놓은 페이지뷰 그대로 이동이 되는데아이폰은 어떤 브라우저로 보아도 똑같이 오차가 있습니다. 2) css에서 text box의 border와 outline을 안보이게 하고 border-bottom만 주었습니다.그럼 아래쪽에 직선 형태의 줄이 생겨야 하잖아요이번에도 역시컴퓨터 웹브라우저(파폭,크롬,오페라)에서 제대로 보이고 안드로이드 역시 제대로 보입니다.아이폰에서만 지 맘대로 border-radius가 설정된 것 처럼 보이고 심지어border를 설정하지 않은 좌, 우, 상단에 outline이 엄청 얇게 잔상 같은것이 보입니다.아이폰 내의 모든 브라우저에서 동일한 증상이 있습니다. 이런 문제들이 발견되는데 실제로 이런 문제를 지칭하는 용어가 있는지 궁금하고어떤 방식으로 해결하시는지 알고 싶습니다.그것을 해결할 수 있는 공부를 해야할 것 같아요또 이런 문제가 발생하면 퍼블리싱 단계에서 해결을 해야하는지(할 수 있는지),아니면 프론트엔드 개발 단계에서 해결을 하는건지도 궁금해요

엉금엉금개발 · Answer

1번은 스크립트로 추가해서 이동하는걸까요? 2번은 iOS 사파리는 버튼이나 인풋에 브라우저 스타일이 있어서 리셋해줘야합니다. -webkit-appearance: none을 한번 넣어보세요. http://nuli.navercorp.com/sharing/blog/post/24415

사피엔스 · Answer

엉금엉금개발님 답변 감사합니다 1번은 html 마크업 내에서 아이디를 걸어 이동하는 기능을 말합니당 2번 답변 정말로 감사합니다말씀하신 자체 스타일이 있다는게 정말 맞는 거 같아요ㅠㅠ아마 사파리 뿐만 아니라 ios 자체에 그 기능이 적용되는 것 같아요아이폰 내에서 사파리 크롬 오페라미니 파이어폭스 모두 다 동일한 증상이 있어서요!!그걸 초기화 시켜줘야 되는군요..!답변이 많은 힌트가 됐습니다!^^

사피엔스 · Answer

엉금엉금개발님!!!!!방금전에 알려주신 방법으로 해결했습니다!!아 너무 감동....!정말 감사해요ㅠㅠㅠ!!!!!!! ㅠ3ㅠ

퍼블리싱, 프론트엔드(특히 아이폰) 개발에 대해 궁금한 점이 있어요

3개의 답변

Q&A 목록