Perguntas com a tag [responsivo]
Layout Responsivo é uma abordagem utilizada para desenvolver interfaces do usuário, proporcionando ótima experiência de visualização, fácil leitura, navegação e adaptabilidade a uma ampla gama de dispositivos (de monitores de computador a telefones celulares).
76
perguntas
-2
votos
0
respostas
22
visitas
Como ajustar o background, sem criar uma "margem" embaixo
Conforme eu vou diminuindo a janela do navegador aumenta um espaço da div de baixo.
Queria que ficasse com o mesmo resultado porem sem esse espaço entre as divs, eu usei o background:cover e meio que ...
-2
votos
1
resposta
33
visitas
Código responsivo para dispositivos mobile
Boa tarde!
Gente, existe alguma forma de adequar um código como o abaixo para que fique responsivo de forma geral em qualquer dispositivo mobile?
Todas as formas que tentei ajustando os atributos ...
-1
votos
1
resposta
422
visitas
NÃO CONSIGO ALINHAR MEU SVG AO TEXTO DA MINHA LISTA
Gostaria de alinhar meu ícone SVG ao lado do meu <li><a href="#">INFORMÁTICA</a></li>.
Já tentei utilizar padding, margin mas os dois estão se movendo juntos pois o ...
-1
votos
1
resposta
23
visitas
Como deixo uma <div> ativa apenas para um tamanho de tela? Por exemplo: apenas em 750px ela fica ativa (sou iniciante)
<div id="750px">
<a href="https://www.instagram.com/p/CKBoR2ZDlwL/" target="_blank" rel="external"><img src="img/camisas/camisa0001.png&...
-4
votos
2
respostas
509
visitas
Como faço para transformar um site que já está pronto em responsivo? Nos dois códigos abaixo é apenas uma página do site para tomar como exemplo
* {
margin: 0;
padding: 0;
}
body {
background-image: url("imagens/imgfundo.jpg");
background-attachment: fixed;
width: 100%;
}
header {
width: 100%;
background-color: ...
-4
votos
1
resposta
126
visitas
Design Responsivo- Html
Boa tarde! Então, estava no sublime-text trabalhando com Design responsivo e tudo mais.
Fiz as tags de design tudo certinho, ai ativei a extensão que tem no Google, cuja extensão ajusta a tela como vc ...
-2
votos
2
respostas
132
visitas
Rodapé não está sendo responsivo
Eu fiz um site e o restante está responsivo, sem problema algum. Mas, o meu footer, está ficando por cima de outros elementos quando vou testar em telas menores.
HTML:
<footer class="...
-1
votos
1
resposta
2mil
visitas
Menu responsivo com CSS, HTML e JS
Estou fazendo um menu responsivo usando o visual studio. Porém, quando estou deixando a página em 768px, os itens (inicio, missão, sobre...) que deveriam estar quando eu clicasse no menu hambuguer, ...
1
voto
1
resposta
412
visitas
Imagem está sendo cortada quando o elemento CSS "max-width" é usado
No rodapé deste site Wordpress há várias imagens de logotipo.
Estas imagens são inseridas pelo próprio usuário administrador do site
dentro de uma tabela Pods, portanto eu não tenho controle ...
0
votos
1
resposta
1mil
visitas
Usar bootstrap ou CSS manualmente para responsividade? [fechada]
Estou com uma duvida em quais situações são mais validas em investir para ter conhecimento em front-end, inclusive tratando-se de responsividade.
Seria mais importante confiar no Bootstrap para deixar ...
0
votos
1
resposta
155
visitas
Porque o texto está fora de linha? e como solucionar no bootstrap 4?
Continuando a minha pergunta feita anteriormente, estou utilizando agora o seguinte código. Ocorreu outro problema simples que não estou conseguindo resolver. O texto escrito "LIMPAR FILTROS" fica ...
1
voto
1
resposta
303
visitas
Problemas em responsividade do bootstrap em inputs, labels e selects
Estou com problemas de resolver um simples problema de responsividade utilizando o bootstrap 4. Meu desejo é quando redimensionar para celuar, os inputs, selects e labels estejam sobrepostos e ...
1
voto
1
resposta
87
visitas
Ajuda - DIV circular com imagem de fundo responsiva [fechada]
Caros, boa tarde!
Estou precisando de ajuda para criar uma div com imagem de fundo.
Eu fiz esse código:
.this-image{
//border: 2px solid #AD235E;
border-radius: 150px;
width: ...
2
votos
1
resposta
95
visitas
Display:none em Modal e @media afeta SEO
Estou tentando aplicar a responsividade em um site, porém alguns menus de categorias eu transfiro para dentro de uma modal do bootstrap que utiliza o display:none, além de estar fazendo com que alguns ...
2
votos
2
respostas
107
visitas
menu com aba inclinada
oi, estou desenvolvendo uma página html e estou utilizando bootstrap, gostaria de fazer um menu com abas e que fosse levemente iclinado para direita... mais ou menos como essa ideia do arquivo...
...
1
voto
0
respostas
13
visitas
Menu responsivo dropdown não funciona corretamente em dispositivos mobile, como resolver? [duplicada]
Olá,
Estou construindo uma página web responsiva com um menu dropdown. No navegador do desktop ela funciona blza, mas no celular não funciona, a página apenas diminui de tamanho sem fazer o dropdown. ...
9
votos
1
resposta
13mil
visitas
Resolução máxima ideal para exibir conteúdo em modo mobile
Pegando como exemplo o sistema de grid do Bootstrap 4 cujas classes tratam o conteúdo com breakpoints específicos de acordo com a resolução da largura da tela do dispositivo (considerando o viewport ...
0
votos
1
resposta
129
visitas
Responsividade Css
@media screen and (max-width: 1100px) and (min-width: 600px) {
html {
width: 100%;
height: 200%;
}
body {
background: #f8f8f8;
font-family: "Verdana", ...
0
votos
1
resposta
125
visitas
Aplicar responsividade
Como podemos ver na primeira imagem com a telá estendida está certo porem quando eu redimensiono a tela as tabelas saem da organização, podem me ajudar a manter as tabelas redimensionando de acordo ...
0
votos
0
respostas
156
visitas
Texto sobre imagem responsivo
consegui deixar uma imagem responsivo, mas a imagem tera q ter um texto por cima e eu nao consigo fazer com que o texto seja responsivo junto.
aqui esta meu codigo:
h1 {
font-family: sedgwick-...
1
voto
2
respostas
263
visitas
como deixar o slide responsivo
gente estou com esse slide tentando deixar ele responsivo só que ele ta cobrindo umas coisas que vem logo abaixo do slide(estou fechando a tag no local certo), e a imagem quando diminuo fica mostrando ...
1
voto
1
resposta
658
visitas
Propriedade col-xs não funciona
Estou desenvolvendo um website utilizando Bootstrap e HTML, cujo vou deixá-lo flexível para a plataforma desktop e mobile. Porém, não consigo entender o porque da propriedade col-xs(phones) não ...
1
voto
0
respostas
18
visitas
Conteúdo assíncrono para mobile
Estou trabalhando em um novo projeto de site, onde algumas áreas necessitarão de um tratamento especial do html para apresentação. Por exemplo: para o desktop, temos um carrossel de imagens 1920x800, ...
1
voto
2
respostas
152
visitas
Filtro Responsivo
Trabalho com a plataforma da Tray e estou desenvolvendo um filtro personalizado para o meu Site, porém configurei o filtro para ser visualizado no computador, mas agora que fui fazer as configurações ...
0
votos
1
resposta
45
visitas
Dúvida - midia screen
Olá, boa tarde!
Estou criando um web site responsivo, com isso preciso criar os breakpoint para ir se ajustando conforme as resoluções de tela. Porém, estou com um problema aonde eu consigo mexer na ...
2
votos
2
respostas
322
visitas
Criar menu dinâmico que ajusta o tamanho da div
Pessoal não manjo munto de css e gostaria de saber como criar um menu que pode ter ate 5 opções, so que quando eu quiser ter apenas 4 opções ou 3 a largura do menu continue a mesma porem as div com as ...
-4
votos
1
resposta
250
visitas
Como colocar codigo html na pergunta [fechada]
Estou com um bloco de codigo html e preciso por aqui no corpo da pergunta
4
votos
1
resposta
472
visitas
Por divs ao lado com bootstrap
Tenho 5 divs, quero por elas alinhadas na mesma linha... Porém a div centra não fica alinhada...
<section class="content">
<div class="row">
<div class=" col-xs-2 ">
&...
0
votos
0
respostas
188
visitas
Problema com site responsivo ao abrir em um celular
Olá, criei um site com 2 efeitos Paralax para praticar essa funcionalidade via bootstrap. Como é um site apenas front end, gostaria de testar ele pelo celular mesmo (sem funções de alterar tamanho da ...
0
votos
1
resposta
1mil
visitas
Navbar Responsivo do Bootstrap não esta funcionando!
<html>
<head>
<meta charset="utf-8">
<title>HARD PUNK - Strange, The Fish</title>
<link href="./css/bootstrap.min.css" rel="stylesheet"/>
<...
0
votos
1
resposta
52
visitas
Como deixar responsivo diversas imagens
section {
font:bold;
text-align: center;
}
h1 {
font-size: 30px;
text-align: center;
color: #fff;
}
img {
width: 233px;
height: 302px;
border-radius: 5px;
cursor: pointer;
-moz-...
1
voto
1
resposta
150
visitas
Dificuldades com responsividade para layout complexo
Boa tarde, tudo bom?
Eu estou com uma duvida, se der muito trabalho, não precisam nem fazer, apenas me deêm uma luz, pois creio que não estou fazendo esse layout do melhor jeito para ficar ...
0
votos
0
respostas
575
visitas
Caixa de texto responsiva
Tenho uma caixa de texto em cima de um image-map que é responsivo, dessa forma:
<div class="lala" role="main" style="height:100%">
<img class="imgg" src="../images/sellec.jpg" style="opacity:...
2
votos
2
respostas
431
visitas
Problema com responsividade bootstrap
Estou tendo problemas para alinhar a responsividade do meu painel. Aqui uma imagem de como ele fica em telas grandes.
Mas se eu diminuo um pouco a tela ele se embaralha dessa forma:
Abaixo o ...
-1
votos
1
resposta
99
visitas
É possível usar 2 @media screen? [fechada]
Estou com um problema, uso o Media Queries: @media screen e ele esta configurado com max-widht:375px.
quero colocar um @media screen para max-widht:1024
Tem como?
0
votos
1
resposta
5mil
visitas
Como faço para um elemento não sobrepor outro?
É o seguinte. Eu tenho uma div, que no meu caso é o corpo da página, denteo desta div eu tenho duas bordas, a direita e a esquerda, e dentro da div eu também tenho um flexbox com algumas imagens. Ele ...
0
votos
1
resposta
959
visitas
Mapeamento html de imagem que funcione no celular
Olá! Eu tenho um site wordpress com o tema BeTheme instalado. Ele possui slides, entre outras funcionalidades.
Eu estou fazendo o mapeamento de uma imagem e para isso usei o Gimp. Funcionou quase ...
1
voto
3
respostas
1mil
visitas
Alinhamento DIV Bootstrap [duplicada]
Usei o código que o @hugocsl me indicou e ficou alinhado, mas agora fica minúsculo no responsivo. Usei o min-width e funcionou!
.mapa img {
float: left;
border:1px solid;
}
.mapa {
...
2
votos
1
resposta
257
visitas
Position fixed para versão desktop e position relative para versão mobile, como fazer em CSS? [fechada]
sei que deve ser simples, mas estou garrado aqui nisso, eu tenho uma div com ID chamado Login e tenho que deixar ela como fixed quando a navegação for feita de computadores, portanto na versão mobile ...
1
voto
1
resposta
1mil
visitas
Limitar quantidade de caracteres modo bootstrap
preciso adicionar uma limitação de caracteres.
Quero que a página principal exiba somente uma porcentagem de caracteres, exemplo 100 e quando o usuário acessar aquela postagem, mostrar a noticia ...
2
votos
1
resposta
2mil
visitas
Como colocar menu responsivo para sobrepor
Olá, como faço para colocar esse menu responsivo para aparecer na frente?
<header class="box-header">
<div class="box-topo">
<a href="<?php echo base_url(...
2
votos
1
resposta
1mil
visitas
Responsividade usando React e Bootstrap
Estou com um problema que já venho tentando solucionar a um bom tempo, e não consigo, que é deixar o layout do site pegando a pagina toda, ele fica desse jeito. https://ibb.co/cHEeS7 (print de como ...
0
votos
0
respostas
134
visitas
Tornar um CSS responsivo
Estou desenvolvendo um sistema com Asp.Net Mvc utilizando o bootstrap, mas quero dar uma "carinha" diferente para a minha tela de login, criei um css mas gostaria de deixa-lo responsivo, alguém sabe ...
1
voto
1
resposta
855
visitas
Header com bg responsivo
Estou iniciando um projeto agora e quero deixar o header responsivo, mas não consigo. O header tem um efeito em js que muda as imagens a cada refresh, mas não consigo atribuir o height correto pra ...
-3
votos
1
resposta
123
visitas
Criei formulário não responsivo. Como faço para torná-lo responsivo?
Resolvi inserir bootstrap, então inseri o conteúdo da minha página dentro da classe container, chamei o bootstrap no meu head e
<meta name="viewport" content="width=device-width, initial-scale=1....
1
voto
1
resposta
976
visitas
Mapeamento responsivo de imagem
Fiz o mapeamento da imagem como no exemplo abaixo, porém não funciona para dispositivos móveis, fica totalmente desconfigurado, qual a solução?
<img src="CAMINHO DA IMAGEM_01" alt="TEXTO ...
1
voto
1
resposta
221
visitas
Utilização da tag picture mostrando multiplas imagens simultaneamente
Olá, estou tendo alguns problemas com a tag picture, no caso, utilizamos a tag para mostrar imagens de forma responsiva, adaptando a imagem para cada dispositivo, mas e se eu quiser mostrar mais de ...
1
voto
1
resposta
2mil
visitas
Barra de rolagem apenas em uma div
Estou tentando criar uma tabela com apenas duas linhas. Minha intenção é que a tabela seja responsiva e que barra de rolagem apareça apenas na segunda linha caso o conteúdo ultrapasse a height. No ...
0
votos
1
resposta
135
visitas
Bootstrap: Responsivo não funciona com site hospedado
Eu estou fazendo um tcc para o meu curso técnico e como um dos quesitos era fazer um site responsivo, resolvi usar o bootstrap, porém, quando eu hospedei o site, ele apresentou alguns problemas.
...
1
voto
1
resposta
3mil
visitas
Colocar site responsivo
Galera boa tarde, seguinte.
É a primeira vez que to fazendo um site, e na minha cabeça eu faria o site desktop primeiro para depois fazer as modificações responsivas (reduzir tamanho das letras, ...