У меня есть gif для использования в заголовке, и мне удалось разместить его с помощью html, но я не могу сосредоточиться на нем и хотел бы воспользоваться максимальной шириной 100% учитывайте меньшие размеры экрана. Img src делает GIF слишком большим на маленьких экранах, создавая полосу прокрутки. Я довольно новичок в CSS и до сих пор не нашел ответов. Это для инъекции кода в квадрате.CSS для заголовка image, centered, max width%
Используйте маржу: авто на вашем gif, чтобы сделать его центрированным по горизонтали. Вы также можете использовать div вместо тега img и использовать свойство background-image.
Будет ли стиль = максимальная ширина 100% учетной записи для размера экрана? – tmpnshmnt2000
Вы можете добавить блок отображения в img в Css или просто использовать его в качестве фона в div, как было предложено выше. –
Смотрите здесь, это полный выход демо:
h1{text-align:center;
background-image:url('http://www.liveside.net/wp- content/images/archive/2008/01/hackspacesblogbkground_2.jpg');
background-repeat:no-repeat;
background-size:cover;
box-shadow:3px 4px 2px #000;
max-width:850px;
width:100%;
margin:0 auto;
}
нажмите на картинке и посмотреть, что происходит.
http://codepen.io/damianocel/pen/dYKxgW
Вы просто должны установить максимальную ширину на соответствующих MEIA запросов.
показать свой код html и css. – razzak
Опять же, очень новенький в этом. Но я изначально использовал img src «URL of GIF», который работает и помещается в заголовок. Однако, как я узнал, выравнивание центра не влияет на изображение. Также при просмотре в iPhone он создает полосу прокрутки, чтобы увидеть все это. – tmpnshmnt2000
Добро пожаловать в переполнение стека! Вопросы, требующие помощи кода, должны содержать кратчайший код, необходимый для его воспроизведения ** в самом вопросе **. См. [** Как создать минимальный, полный и проверяемый пример **] (http://stackoverflow.com/help/mcve) –