то есть сделать несколько стилей для разных устройств чтоб небыло каши в одном файле..
if (!$is_mobile) {
echo '<link rel="stylesheet" href="../style_pk.css">';
} else {
echo '<link rel="stylesheet" href="../style_mobile.css">';
}
if (!$is_mobile) {
echo '<link rel="stylesheet" href="../style_pk.css">';
} else {
echo '<link rel="stylesheet" href="../style_mobile.css">';
}
# Fublin (07.08.2014 / 22:20)Дальше быдлокодингом занимаешься?
а через опрделялку устройст подключать уже по иф эльзе нужный стиль...
то есть сделать несколько стилей для разных устройств чтоб небыло каши в одном файле..
echo '<link rel
<link rel="stylesheet" media="screen and (min-width: 640px)" href="for_web.css" />
<link rel="stylesheet" media="screen and (max-width: 640px)" href="for_wap.css" />
# vfaste (07.08.2014 / 14:19)Как вариант - поместить этот элемент в какой то класс, например .hide_for_pc, дальше в стилях прописываешь следующее:
Я наверно не правильно объяснил ребят. В общем мне нужно скрыть элемент если размер окна браузера меньше 900px, если окно браузера больше 900 нужно показать этот элемент, к тому и код ява определение
@media only screen and (min-width: 900px){
.hide_for_pc{display:block;}
}
@media only screen and (max-width: 899px){
.hide_for_pc{display: none;}
}
# FROSTY!? (07.08.2014 / 22:33)а роботы разве не могут читать дисплей ноне ?..кажись могут...
Как вариант - поместить этот элемент в какой то класс, например .hide_for_pc, дальше в стилях прописываешь следующее:
[php]@media only screen and (min-width: 900px){
.hide_for_pc{display:block;}
}
# FROSTY!? (07.08.2014 / 22:36)так же при том при чем я тут быдлокодингм занимаюсь.. ..тему чти сперва преде чем умничать то..
Fublin, А при чем тут роботы?
# FROSTY!? (07.08.2014 / 22:29)как вообщеосуществляется такая проверка на устройство ?..
Дальше быдлокодингом занимаешься?
[php]
<link rel="stylesheet" media="screen and (min-width: 640px)" href="for_web.css" />
<link rel="stylesheet" media="screen and (max-width: 640px)" href="for_wa
# vfaste (07.08.2014 / 14:19)На js можно сделать так. Контейнер с содержимым, предназначеным для экранов > 900px изначально скрыт
Я наверно не правильно объяснил ребят. В общем мне нужно скрыть элемент если размер окна браузера меньше 900px, если окно браузера больше 900 нужно показать этот элемент, к тому и код ява определение
window.onload = function() {
var width = (window.innerWidth ? window.innerWidth : (document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.offsetWidth));
if(width >= 900) {
document.getElementById('container').style = 'display: block';
}
}
....
<div id="container">
этот текст виден только тем, у кого ширина монитора более 899 пикселей)
</div>
....
#container {
display: none;
}