모바일에서 볼때 버튼이 둥글게 나옵니다
본문
pc에서 볼때는 이렇게 네모로 나오는데
mobile에서 볼땐 버튼이 이렇게 변합니다
이버튼을 클릭하게되면 pc처럼 네모로 변하구요
혹시 수정 방법이 있을까요?
답변 2
딱히 둥근형태의 border-radius 값을 설정하지 않으셨다면 브라우저 및 운영체제의 기본셋팅된 요소값에 따라 디자인이 적용되어 지곤합니다. 이를 방지하기 위해서 CSS 리셋을 어느정도 입맞에 따라 설정해 주곤 합니다.
특히, input, select, button 등과 같은 입력요소들에 둥근 디자인을 애플쪽이 채택하고 있어서 이를 방지하기 위해서 해당요소들에 둥근테두리를 초기화 시켜야 합니다.
input, button, select {
border-radius: 0;
}
PC모드에서 보여지는 이미지와 모바일에서 보여지는 이미지가 다른것으로 업로드 되어 있을겁니다.
그 부분을 소스 상에서 확인해 봐야 하는 부분이라서 소스를 확인해 보셔야 할겁니다.
답변을 작성하시기 전에 로그인 해주세요.