2015-10-07 2 views
0

Я использую изображение для фона своего действия. Он отлично работает на большинстве устройств, но немного шире для небольших экранов. Есть ли простой способ изменить размер фонового изображения на панели действий?Изменение размера изображения в фоновом режиме

ответ

0

Задумывались ли вы о создании медиа-запроса для мобильных устройств?

Я не уверен, что вы используете медиа-запросы, но в вашем .css-файле вы бы (обычно в нижней части файла) создали медиа-запрос (где ваш .css-файл ищет устройства с конкретный размер), а затем изменяет элементы вашей страницы (а именно, размер или местоположение вашего изображения) после обнаружения мобильного или меньшего устройства.

@media handheld { 
    .actionbar { 
     background-image: background_small.jpg; 
     background-position: top center; 
    } 
} 

Важно, чтобы забрать отсюда, что практика убедившись, что изображения, которые вы используете для ваших мобильных устройств меньше или расположены иначе, чем планшетных и настольных устройств.

В верхней части этого медиа-запроса вы можете убедиться, что вы уже проверяете, что мобильное устройство человека использует размеры, которые вы хотели бы использовать (например, мобильное устройство не показывает ваши веб-сайт в полном расположении рабочего стола). Для этого, убедитесь, что вы добавить эту строку в нижней части вашего заголовка тега (на главной странице шаблона, если вы используете шаблоны):

<head> 
    .... (other code, like stylesheets or jquery/javascript links) 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
</head> 

Надежда, что помогает.

+0

Спасибо за ответ, но это родной Android, предположим, что я должен включить это в вопрос. – whoknows

+0

@ user2471908, извиняйтесь! –

Смежные вопросы