Perguntas com a marcação «responsive-design»

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.

10
Alinhar verticalmente uma imagem dentro de uma div com altura responsiva
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"> <IMG HERE> </div> </div> CSS .responsive-container { position: relative; width: 100%; border: 1px solid …
5
Como fazer um elemento <svg> expandir ou contrair para seu contêiner pai?
O objetivo é fazer com que o &lt;svg&gt;elemento seja expandido até o tamanho de seu contêiner pai, neste caso a &lt;div&gt;, não importa o quão grande ou pequeno esse contêiner seja. O código: &lt;style&gt; svg, #container{ height: 100%; width: 100%; } &lt;/style&gt; &lt;div id="container"&gt; &lt;svg xmlns="http://www.w3.org/2000/svg" version="1.1" &gt; &lt;rect x="0" …
4
Elemento de ocultação de bootstrap do Twitter em dispositivos pequenos
Eu tenho este código: &lt;footer class="row"&gt; &lt;nav class="col-sm-3"&gt; &lt;ul class="list-unstyled"&gt; &lt;li&gt;Text 1&lt;/li&gt; &lt;li&gt;Text 2&lt;/li&gt; &lt;li&gt;Text 3&lt;/li&gt; &lt;/ul&gt; &lt;/nav&gt; &lt;nav class="col-sm-3"&gt; &lt;ul class="list-unstyled"&gt; &lt;li&gt;Text 4&lt;/li&gt; &lt;li&gt;Text 5&lt;/li&gt; &lt;li&gt;Text 6&lt;/li&gt; &lt;/ul&gt; &lt;/nav&gt; &lt;nav class="col-sm-3"&gt; &lt;ul class="list-unstyled"&gt; &lt;li&gt;Text 7&lt;/li&gt; &lt;li&gt;Text 8&lt;/li&gt; &lt;li&gt;Text 9&lt;/li&gt; &lt;/ul&gt; &lt;/nav&gt; &lt;nav class="col-sm-3"&gt; &lt;ul class="list-unstyled"&gt; &lt;li&gt;Text 10&lt;/li&gt; &lt;li&gt;Text 11&lt;/li&gt; …
3
Forma com um lado inclinado (responsivo)
Estou tentando criar uma forma como na imagem abaixo com uma borda inclinada em apenas um lado (por exemplo, o lado inferior) enquanto as outras bordas permanecem retas. Tentei usar o método de borda (o código é fornecido abaixo), mas as dimensões da minha forma são dinâmicas e, portanto, não …
12
Bootstrap - Removendo preenchimento ou margem quando o tamanho da tela é menor
EDITADO: Talvez eu deva perguntar qual seletor configura o padding lateral quando a tela é reduzida para menos de 480px de largura? Eu tenho navegado bootstrap-responsiveness.css por um tempo para localizar isso, mas nada parece afetar isso. Original , basicamente, desejo remover qualquer preenchimento padrão ou margem definida para capacidade …
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.