Entrar Ainda não tem acesso?
1
resposta

Width de container a partir de PSD

por Tássio Jordão Brito Silva
| 88.3k xp | 2 posts
Jr FrontEnd Developer

Olá pessoal, tudo bom?

Como vocês costumam definir o width do container a partir de um PSD (fazendo pixel a pixel)?

Quero dizer, eu tenho um PSD que o width do container(conteúdo da page) = 1350px, mas não tem as dimensões da margin (ou padding do body). Ou seja, toda a largura do PSD representa a page.

No caso de fazer um projeto responsivo, e definir o width com %, tem alguma referencia de screen mais comum para esse calculo? Por exemplo, pegando o Google tools, tem as dimensões 1440px e 1024px de largura para laptops. Se eu usar o width 1440px como referencia, 1350px representa 93,75% do body. Esse raciocinio está correto?

Grande abraço,

1 resposta
por Matheus Henrique Castiglioni
| 5307.1k xp | 9007 posts
Instrutor Senior Software Engineer

Fala aí Tássio, tudo bem? Bom, isso depende muito, tudo depende do layout e componentes.

Geralmente não é definido as dimensões dos elementos e sim seus espaçamentos.

Claro que em alguns momentos definidos o width, mas nada fixo com px, geralmente é definido para ocupar a página toda com 100% ou dividir em colunas: 50% para cada.

Tudo depende de cada layout e componente mesmo, não tem algo fixo.

Um panel por exemplo, não vamos definir seu width e height mas sim seus padding's (de acordo o PSD).

Espero ter ajudado.