Web Design Responsivo (RWD) é uma abordagem para Web design e desenvolvimento que visa criar sites para fornecer experiências ideais em uma ampla variedade de dispositivos com base no tamanho da tela, plataforma e orientação.
Estou tendo dificuldades para entender minha escala de fonte. Atualmente, tenho este site com um corpo font-sizede 100%. 100% do que? Isso parece calcular em 16 pixels. Fiquei com a impressão de que 100% de alguma forma se referiria ao tamanho da janela do navegador, mas aparentemente não porque...
Quero criar um divque possa alterar sua largura / altura conforme a largura da janela for alterada. Existem regras CSS3 que permitam alterar a altura de acordo com a largura, mantendo a proporção ? Eu sei que posso fazer isso via JavaScript, mas eu preferiria usar apenas
Qual é a diferença entre col-lg-*, col-md-*e col-sm-*no Twitter
Estou ficando confuso sobre as várias opções na grade de inicialização do twitter e como elas funcionam juntas. Para começar, você pode ter um fixo comum containerou a container-fluid. Então, qualquer um pode incluir uma linha comum rowou uma linha fluida row-fluid. Ou seja, você pode ter um...
Eu criei um site usando a grade do Zurb Foundation 3 . Cada página possui uma grande h1: body { font-size: 100% } /* Headers */ h1 { font-size: 6.2em; font-weight: 500; } <div class="row"> <div class="twelve columns text-center"> <h1> LARGE HEADER TAGLINE </h1>...
Todo tutorial de desenvolvimento de site responsivo recomenda o uso da display:nonepropriedade CSS para ocultar o carregamento do conteúdo nos navegadores móveis, para que o site seja carregado mais rapidamente. É verdade? Não display:nonecarrega as imagens ou ainda carrega o conteúdo no navegador...
Olhando através do bootstrap, parece que eles suportam o recolhimento dos itens da barra de menus para telas menores. Existe algo semelhante para outros itens na página? Por exemplo, eu tenho um junto com nav-pills flutuados para a direita. Em uma tela pequena, isso causa problemas. Eu adoraria...
Quero um botão para ocupar toda a largura da coluna, mas com dificuldades ... <div class="span9 btn-block"> <button class="btn btn-large btn-block btn-primary" type="button">Block level button</button> </div> Como faço para tornar o botão tão largo quanto a...
Suponha que eu tenho um script de histograma que cria um gráfico de 960 500 svg. Como faço para que isso seja responsivo, o redimensionamento das larguras e alturas do gráfico é dinâmico? <script> var n = 10000, // number of trials m = 10, // number of random variables data = []; //...
Atualmente, quando a largura do navegador cai abaixo de 768px, a barra de navegação muda para o modo recolhido. Quero alterar essa largura para 1000 px. Portanto, quando o navegador estiver abaixo de 1000 px, a barra de navegação mudará para o modo recolhido. Eu quero fazer isso sem usar menos,...
Eu tenho um site (g-floors.eu) e quero tornar o plano de fundo (em css, defini uma imagem bg para o conteúdo) também responsivo. Infelizmente, eu realmente não tenho nenhuma idéia de como fazer isso, exceto por uma coisa em que consigo pensar, mas é uma solução alternativa. Criando várias imagens...
(Esta é uma pergunta com várias partes, farei o possível para resumir o cenário.) No momento, estamos construindo um aplicativo Web responsivo (leitor de notícias) que permite que os usuários deslizem entre o conteúdo com guias, bem como rolar verticalmente dentro de cada conteúdo com guias. Uma...
O IE8 não suporta a seguinte consulta de mídia CSS: @import url("desktop.css") screen and (min-width: 768px); Caso contrário, qual é a maneira alternativa de escrever? O mesmo funciona bem no Firefox. Algum problema com o código abaixo? @import url("desktop.css") screen; @import...
Saiba mais sobre o uso de Stack Overflow no código : Сетка из адаптивных (responsivo) Estou pensando em como criar um layout com quadrados responsivos . Cada quadrado teria conteúdo alinhado vertical e horizontalmente . O exemplo específico é exibido abaixo...
Eu estava lendo esta postagem de stackoverflow intitulada "Você pode fazer um iFrame responsivo?", E um dos comentários / respostas me levou a esse jfiddle. Mas quando tentei implementar o HTML e CSS para atender às minhas necessidades, não tive os mesmos resultados / sucesso. Criei meu próprio...
Estou testando a navbar de resposta do Bootstrap e tenho um site de demonstração . Quando redimensiono o navegador em uma área de trabalho, tudo funciona bem, incluindo a barra de navegação que se torna o menu dobrável com um pequeno ícone na parte superior, no qual posso clicar para ver mais...
Eu tenho o código a seguir que configura um contêiner que tem uma altura que muda com a largura quando o navegador é redimensionado (para manter uma proporção quadrada). HTML <div class="responsive-container"> <div class="dummy"></div> <div class="img-container">...
O iPhone 5 tem uma tela mais longa e não está capturando a visualização móvel do meu site. Quais são as novas consultas de design responsivo para o iPhone 5 e posso combinar com as consultas existentes do iPhone? Minha consulta de mídia atual é esta: @media only screen and (max-device-width:...
Preciso criar uma página responsiva usando o bootstrap posicionando uma div no centro de uma página, como no layout abaixo
Eu tenho um vídeo do YouTube incorporado em nosso site e, quando reduzo a tela para tamanhos de tablet ou telefone, ele pára de diminuir em torno de 560 px de largura. Esse padrão é para vídeos do YouTube ou posso adicionar algo ao código para torná-lo