테스트 사이트 - 개발 중인 베타 버전입니다

어떻게 하시나요?

디자이너가 640 으로 모바일 시안을 뽑았다고 가정했을때,

여러분들이 만약 코딩을 한다면?

여러가지 방법은 있지만 다른 분들은 어떻게 하시나 궁금하네여.


댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 6개

음... 640 넓이 디자인을 다른 디바이스에도 적용 실킬때라면..
퍼센트를 막 남발해버립니다! 헌데 컨텐츠도 이미지라면 .. 디자이너분하고 기획자분하고 손잡고 상의해야죠..
답변 감사합니다.

높이값은 픽스 시키시는건가요?

설계에서 랜드스케이프의 변화가 있을시 컨텐츠의 비율도 변화가 있게 레이아웃을 짜라고 하면 좋을까요?

가로야 %지정하면 되지만 세로는 어떻게 진행하는지 궁금하네요, em으로 수기로 계산해서 넣기는 무리가 있고... ㅎㅎ
넓이 값만 주고 높이값은 기본값인 auto로 둡니다 ㅎ
일일이 계산하는 건.. 사람이 할 짓이 아니라고 생각해서요!
(제가 계산을 못하진 않을껍니다.)
width가 %라면,
height는 auto가 기본베이스로 깔리고
적당히 조절해주면서 하면 되지 않을까요?^^;;
제가 코딩을 한다면 일단 디자이너한테 PSD 를 요구한 다음에 배경을 패턴으로 깔 방법을 궁리 하고 패턴화 시켜서 깔아 버립니다. ... 진짜 안될 경우엔 디자이너와 상의를 하지만 의견 조율이 번가롭기 때문에 그냥 제가 알아서 편집하고 맙니당. 그래서 디자이너들이 제법 절 사랑해 줍니당.
저희회사는 모바일은 640 으로 디자인해주는데요..
가로는 % 픽셀이 필요한 부분도 디자인 그대로 따르고요
대신에 디바이스마다 viewport 의 값을 달리해주면 브라우저에 맞게 보일겁니다.

게시글 목록

번호 제목
8265
20403
20402
20401
20400
8259
20399
20398
8255
8249
8246
8242
20396
8240
20395
20394
31033
28385
20393
28380
20392
28377
20391
20390
20389
20388
20387
20386
20385
20384
20383
20382
8238
20380
20379
28376
28372
20378
20377
8235
20375
20374
20373
20372
20371
20370
28370
20369
28366
20368
20367
20366
20365
20364
20363
20362
20361
20360
20359
8231
20358
20357
20356
20355
20354
20353
20352
20351
20350
20349
20348
20347
20346
20345
20344
20343
20342
20341
20340
20339
20338
20337
20336
20335
20334
20333
20332
20331
20330
20329
20328
20327
20326
20325
20324
20323
20322
20321
20320
20319