A questão não foi muito clara, mas sites responsivos precisa observar certos "limites", alguns
não podem ser esticados ou espremidos demais, pois quebrariam a estrutura original do site, para evitar tais problemas utilizamos os propriedades min-width e max-width. O problema da questão dá a entender que é preciso definir uma largura mínima, logo deveria ter dado como alternativa o min-width.
Usando largura, no máximo de largura e margem: automático;
Como mencionado no capítulo anterior; um elemento de nível de bloco sempre ocupa a largura total disponível (estende-se para a esquerda e direita, tanto quanto possível).
Definir a widthde um elemento de nível de bloqueio irá impedir que ele esticasse para fora para as extremidades do seu recipiente. Em seguida, você pode definir as margens para auto, para centrar horizontalmente o elemento dentro de seu recipiente. O elemento vai ocupar a largura especificada, e o espaço restante será dividida igualmente entre as duas margens:
Este elemento
tem uma largura de 500px, ea margem definida como Auto.
Nota: O problema com o
acima ocorre quando a janela do navegador é menor do que a largura do elemento. O navegador, em seguida, adiciona uma barra de rolagem horizontal para a página.
Usando max-widthvez, nesta situação, vai melhorar a movimentação do navegador de pequenas janelas. Isso é importante quando fazer um site utilizável em pequenos dispositivos:
Este elemento
tem um max-width de 500px, ea margem definida como Auto.
https://www.w3schools.com/css/css_max-width.asp
b-
Using max-width will improve the browser's handling of small windows, rather than cause content to stretch out to the edges of the container.
https://www.w3schools.com/css/css_max-width.asp
Continue usando...
+ 2 Milhões de Questões organizadas por assunto
+ 100 Mil Provas de concursos/vestibulares/ENEM
+ 1 Milhão de Questões comentadas
Pague uma única vez e tenha acesso vitalício