Jump to content
  • 0

несколько версий сайта

deFISH

Asked by deFISH,

 Share

Question

deFISH Explorer

deFISH

Posted
Posted

хочу сделать самостоятельные 3 версии сайта под разные разрешения (для телефонов, планшетов-ноутбуков, для "домашних кинотеатров"). как осуществить автоматическое переключение? есть какое нибудь наглядное руководство/код, может быть кто подкинет готовое решение или пример? (речь идет не о резине!-ничего никуда перегруппировывать и растягивать не нужно)

Link to comment
Share on other sites

6 answers to this question

Recommended Posts

  • 0
npofopr Trainee

npofopr

Posted
Posted

Ерунду какую то говорите. Хотите 3 версии, делайте, у каждого просто будет своя width. По моему глупо сейчас такое делать. Делают обычно 2 версии. Мобильная игра ПК. Третяя не понимаю зачем. И перенаправляют обычно мобильных и больших. Ну и полно скриптов на js. А мобильных и больших можно и через htacsess и через пхп и хоть как. Ну и по разрешению хоть как. Чуть чуть хоть потрудитесь поискать сами

Link to comment
Share on other sites
  • 0
Быколай Explorer

Быколай

Posted
Posted

наши "деды" делали так:


<head>
<script>
if(window.screen.width <= 800) css = "800"
else if (window.screen.width <= 1024) css = "1024"
else if(window.screen.width <= 1152) css = "1152"
else if(window.screen.width <= 1280) css=  "1280"
else if(window.screen.width > 1280) css= "1280"

document.write("<link rel='stylesheet' href='/css/"+css+".css' type='text/css'>")

</script>
</head>

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

Link to comment
Share on other sites
  • 0
deFISH Explorer

deFISH

Posted
  • Author
Posted

короче есть готовый сайт с фиксированными размерами. таблица с текстом и видеоплеером, на фоне отрисованы кнопки/окантовка плеера и проч. резиновым его делать нельзя потому что фон неделим и нет никаких отдельных элементов для распределения их по экрану чтобы применять media queries. на планшетах/ноутбуках сайт выглядит нормально. на экранах с разрешением больше 900 пикселей - слишком много пространства "не по делу" появляется, и всякие завитушки/центрирование по середине экрана не спасают. что касается смартфонов - там сайт долго уменьшать приходится. вот и решил я сделать 3 версии (сайт один и тот же, просто размеры разные будут у ячеек таблицы/бэкграунда). а какой способ наиболее простой и современный (хотя подход нестандартный, я понимаю) - это вопрос к спецам :)

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Go to question listing
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept