>
Категории вопросов
Задать вопрос +

Основное

Контент-модули

Продвижение сайта

Управление сайтом

Доп. модули

Вебмастеру

Похожие вопросы



Помогите растянуть картинку на весь экран pda

голоса: 0

Сайт http://evaruator93.ucoz.com/ 

здесь нормально отображается фон, а вот на http://evaruator93.ucoz.com/pda пда версии лишь какой-то кусок когда с телефона заходишь. Вопрос в том что надо прописать чтобы открывалась картинка и была на весь экран как с Iphone, так и с андроида и целиком а не кусок жалкий. Вот как с айфона выглядит

Адрес сайта http://evaruator93.ucoz.com/
| Автор: | Категория: Дизайн сайта
background: url(http://evaruator93.ucoz.com/ehva1.gif) no-repeat; 
 -moz-background-size: 100%; /* Firefox 3.6+ */
 -webkit-background-size: 100%; /* Safari 3.1+ и Chrome 4.0+ */
 -o-background-size: 100%; /* Opera 9.6+ */
 background-size: 100%; /* Современные браузеры */

Это в полной версии сайта, в pda можно такое же прописать?

Или я где-то видел что-то типа такого

"if I(phone, pad, pod) ........" 

| Автор:
Да, можно в таблице стилей для pda шаблона, найдите стандартный тег боди и замените этим.
| Автор:

Ответов: 1

Голоса: +1
 
Лучший ответ

Как я вижу у вас изображение задано для фона, если для фона, то к боди применить параметр:

background-size: 100%;

в том случае если в шаблоне для изображений, то применяем параметр:

max-width:100%;

детальнее в материале - http://htmlbook.ru/css/max-width

| Автор:
Выбор ответа лучшим | | Автор: Михаил Коллинс

Юра, ставлю вот так 

<body style="background: url(http://evaruator93.ucoz.com/ehva1.gif)no-repeat;background-size: 100%;

 и вот что получается

т.е. не на весь экран, а только в ширину(

| Автор:

данный вопрос можно решить вот так, если прописывать для отдельной страницы:

<body style="background: url(http://evaruator93.ucoz.com/ehva1.gif)  no-repeat;background-size: cover;background-attachment: fixed;">

либо прописав в таблицу стилей css pda.css следующие стили:

body {
    background: url(http://evaruator93.ucoz.com/ehva1.gif) no-repeat;
    background-size: cover;
    background-attachment: fixed;    
}
| Автор:
...