site em w3.css não funciona bem na resolução 240x320.
Eu estou aprendendo fazer sites em w3.css e algumas coisas com o bootstrap porém ao fazer teste em celulares com a resolução do tipo muito pequena consta pequenas imperfeições por exemplo alguns textos ou botões com o w3.css ficam desalinhados ou saindo fora da tela mesmo o "w3-small" eu gostaria de saber se é assim mesmo? seria alguma limitação do w3.css ? Talvez se layout diminuísse no tamanho da tela ficaria pequeno demais eu peço dicas sobre o assunto aos mais experientes pois sou iniciante!
Estou fazendo um site simples em w3.css e bootstrap. Eu gostaria de saber porque na resolução
240x320 os botões do site não ficam perfeitamente alinhados e centralizados
e embaixo de tudo o email de contato sai fora da tela de um celular 240x320, em outras resoluções
funciona perfeitamente, eu sou iniciante e gostaria de entender abaixo vai o meu código:
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="w3.css">
<link rel="stylesheet" HREF="css/bootstrap.min.css"
<script type="text/javascript" src"js/jquery-3.3.1.js"></script>
<script type="text/javascript" src"js/bootstrap.min.js"></script>
<style>
.w3-myfont {
font-family: "Simpsonfont Medium", cursive, sans-serif;
}
</head>
<SCRIPT LANGUAGE="JavaScript"> <!-- Disable
function disableselect(e){
return false
}
function reEnable(){
return true
} //if IE4+
document.onselectstart=new Function ("return false")
document.oncontextmenu=new Function ("return false") //if NS6
if (window.sidebar){
document.onmousedown=disableselect
document.onclick=reEnable
}
//-->
</script>
<TITLE> Malyster </TITLE>
</style>
<div class="w3-container w3-myfont w3-center w3-green">
<p class="w3-xxxlarge">Page Designer</p></div>
</head>
<body>
<div class="w3-container w3-myfont w3-center w3-black>
<div class="w3-show-inline-block">
<div class="w3-bar">
<button class="w3-bar-item w3-button w3-green">HoME</button>
<button class="w3-bar-item w3-button w3-green">Porfolio</button>
<button class="w3-bar-item w3-button w3-green">Contato</button></div>
</div></div>
<br>
<div class="w3-container w3-center">
<img src="flor.png" style="width:100%;max-width:400px">
<div class="w3-container w3-green w3-center">
<p class="w3-xlarge">Bem vindo!!! Fazemos sites, banners e logos<BR>
Serviços para todo tipo de pessoa ou empresa<BR>
Sites responsivos, framekork, W3.css, Bootstrap<BR>
Realizo tanto o trabalho de desenvolvedor web e web designer<BR>
Sou formado pela Fatec - análise e desenvolvimento de sistemas<BR>
E tenho experiência com ilustração<BR>
<div class="w3-container w3-center w3-grey">
<p class="w3-large">Alguns exemplos de sites e ilustrações realizados por mim pode ser visto na seção "Portfolio"
</p></div>
<div class="w3-container w3-center">
<img src="logo.png" style="width:100%;max-width:400px"></div><div class="w3-container w3-center w3-black"><p class="w3-small">contato@pagedesigner.com</p></div>
</head>
</body>
</html>Discussão (1)
Carregando comentários...