웹 디자인 관련...

웹페이지를 만들고 있는데, 

111.jpg

위에 보이는 것 처럼 pc 버전에서는 아이콘 위치들이 제대로 자리 하고 있는데, 모바일로 보게 되면 제가 쓰고 있는 LG v10 기종에서는 pc 버전이랑 거의 똑같게 보이거든요... 그런데 다른 기종 들로 보게 되면2222.JPG

위 사진처럼 위치가 이동이 되요... 맨위 사진은 tablet 쪽 해상도고 아래쪽은 mobile로 보시면 됩니다. 맨위 사진은 tablet 화면을 줄여서 mobile 해상도로 맞춰도 위치는 같아요,

 

전부터 이런 문제가 계속됫는데 그냥 무시하고 하다가, 도저히 이해가 안되서 이렇게 여쭤봅니다... 다른 위치에 있는 레이아웃들은 멀쩡한데, 유독 상단바 header 태그 안에 존재하는 것들만 저렇게 위치가 제각각 흩어지네요.. 특히 위로 자꾸 올라가는 것 같은데,,, ㅜㅜ

 

http://www.hanmirae.net <- 현재 작업하고 있는 사이트입니다.. 임의로 맞추긴했는데... 좀 아닌것 같아서요..

  • profile
    아직 작업 중이신가봐요. 첨부 이미지 형태의 페이지를 발견할 수가 없어요.
  • profile

    모바일뷰가 따로 있었군요;;;

    저는 갤노트1, 안드로이드 4.0.4, 기본 웹브라우저입니다.

    이미 손을 보신 건가요... 잘 나오는 것 같습니다.

     

    untitled.png

     

  • profile ?
    네, 수정을했습니다. 그런데 임의로 다른 모바일 휴대폰을 보고 맞춘것이라, 제 기종인 v10 에서는 위치가 이상하게 나옵니다. 밑에 다른 분이 갤 s5 기종으로 캡쳐하신 화면만 봐도 서로 다른 위치에 존재하는 것이 보이네요...
  • ?
    저도 이런 어려움 겪었었는데, 커스터마이즈 작업을 그냥 했습니다.

    모바일 레이아웃 들어가셔서 layout.html에서 전체 컨테이너 크기를 늘리시면 될 것입니다!
  • ? ?
    오호 ! 감사합니다 ㅎㅎ 모바일 이랑 태블릿이 있는데, 두 형태별 레이아웃 컨테이너를 조절하면 되는 거 겠죠 ??? 이런 방법이 있었군요, 너무 많은 부분을 손대다 보니 잊고 있었던 부분이네요 !
  • ?

    Screenshot_2016-09-12-12-36-33.png

     

    갤럭시S5 광대역LTE-A KT 모델 안드로이드 버전 6.0.1, 크롬 브라우저 입니다.

  • ? ?
    ㅠㅠ. 맨 윗분이 남기신 댓글에서의 첨부 이미지랑 위치가 다른게 보이네요, 역시 ...