Загрузочные изменения полей

Question

Есть ли способ изменить поле содержимого слева и справа от экрана при отображении содержимого на мобильном устройстве? Чтобы контент имел разницу на рабочем столе и без разницы на телефоне. Любые идеи?

Answer 1

Да, используйте медиа-запросы. С помощью медиа-запросов вы можете сказать, что при определенной ширине экрана должен быть активирован определенный css. Например, когда размер экрана не превышает 400 пикселей, он должен вернуть размер шрифта в 10 пикселей. Попробуйте это со следующим кодом в качестве примера:

@media screen and (max-width: 400px){ 
    p{ 
     font-size: 10px; 
    } 
} 

Удачи вам!

Answer 2

Как сказал Каспер, вам нужно использовать медиа-запросы, El Devoper дал вам ссылку. И если вы используете bootstrap, возможно, вы должны использовать !important для перезаписывания свойств по умолчанию для начальной загрузки.

@media screen and (max-width: 320px){ 
    p{ 
     margin-left: 10px !important 
     margin-right: 10px !important 
     //or just use "margin: 0 10px !important" to set margins like this: 
     //top and bottom = 0, left and right = 10px 
    } 
} 

Надеется, что это полезно