Jump to content
hsilva

Como fazer um site pra pc, tablet e smartphone?

Recommended Posts

hsilva

é assim... eu vou fazer um site/programa de facturação e precisava de saber como o site interpreta resolução que aparece no aparelho.

este site/programa e mais virado pra tablet e pc.

o site/programa vai ter tabelas, formulários e gráficos em apsx.

ao passar tablet o tamanho diminuía conforme a resolução do ecrã.

gostava de saber como fazer no css isso???

Share this post


Link to post
Share on other sites
NunoDinis

Deves utilizar os tamanhos em percentagem e não em pixels. Assim será reajustado a qualquer tela, conforme a percentagem que definires para cada objeto.


Estranha forma de vida que tem a capacidade de transformar comandos em mensagens de erro.

ndsotware.org

Share this post


Link to post
Share on other sites
renafi

Vais ter de fazer páginas em várias resoluções para suportar um desktop ou um dispositivo móvel. Com isso, a framework tem uma classe que permite detectar se o dispositivo

é móvel ou não. Só há um stress: essa classe não funciona a 100%. Para solucionar isso, sugiro que vejas este link:

http://www.codeproject.com/Articles/213825/ASP-net-Mobile-device-detection


Oracle Certified Professional - AdministraçãoOracle Certified Professional - Pl/sqlMCPD - Microsoft Certified Professional DeveloperMCTS - Microsoft Certified Technology Specialist

Share this post


Link to post
Share on other sites
brunoais

Aconselho vivamente a usar o conceito de responsive design do CSS.

Vais ter de fazer páginas em várias resoluções para suportar um desktop ou um dispositivo móvel. Com isso, a framework tem uma classe que permite detectar se o dispositivo

é móvel ou não. Só há um stress: essa classe não funciona a 100%. Para solucionar isso, sugiro que vejas este link:

http://www.codeproject.com/Articles/213825/ASP-net-Mobile-device-detection

Essa é a maneira mais estúpida de resolver o problema. Isso é algo que nunca devia de ter sido inventado.


"[Os jovens da actual geração]não lêem porque não envolve um telecomando que dê para mirar e atirar, não falam porque a trapalhice é rainha e o calão é rei" autor: thoga31

Life is a genetically transmitted disease, induced by sex, with death rate of 100%.

Share this post


Link to post
Share on other sites
hsilva

pelo que percebi é só por "width:100%" no css... que ele depois faz automaticamente resolução que aparece??

Share this post


Link to post
Share on other sites
brunoais

Se usares isso, o elemento a que isso se aplica irá ocupar 100% da largura do elemento que o contém.


"[Os jovens da actual geração]não lêem porque não envolve um telecomando que dê para mirar e atirar, não falam porque a trapalhice é rainha e o calão é rei" autor: thoga31

Life is a genetically transmitted disease, induced by sex, with death rate of 100%.

Share this post


Link to post
Share on other sites
hsilva

e se quiser uma resolução máxima de 1280px por 760px, depois dá diminuir automaticamente resolução ao entrar num tablet??

Share this post


Link to post
Share on other sites
brunoais

Sim.

Procura por:

max-width

min-width

width

(o mesmo aplicado a height)

Pessoalmente recomendo leres a documentação do MDN (mozilla development Network). É o melhor site de documentação grátis para CSS que conheço (e considerado pela generalidade, o melhor manual de js).


"[Os jovens da actual geração]não lêem porque não envolve um telecomando que dê para mirar e atirar, não falam porque a trapalhice é rainha e o calão é rei" autor: thoga31

Life is a genetically transmitted disease, induced by sex, with death rate of 100%.

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


×
×
  • Create New...

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.