Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
PHP 5. На примерах. Авторы: Кузнецов М.В., Симдянов И.В., Голышев С.В. Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В. Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Верстка под мобильные браузеры
 
 автор: hk416   (22.07.2013 в 18:50)   письмо автору
 
 

Добрый день уважаемые дамы и господа! В общем у меня такой вопрос. Хочу адаптировать свой сайт под мобильные браузеры, хотелось бы что бы там был сразу нормальный размер сайта, что бы не приходилось делать ручное масштабирование так как большинство пользователей про него не знают, и оно не всегда помогает на 100%. Пока нашел только вот такую статью http://www.xiper.net/collect/html-and-css-tricks/mobiles/mobile_web.html Я так понимаю наверное одно из средств это написать условную компиляцию как под IE


<!--[if lte IE 8]>
<style type="text/css">
IMG{border-color: black; border-size: 1px; }
#footer,#part,#post,#post-post,#post_galeri,A#admin_button,#navig,#navig2,#navig_galeri,#user_print_data,#user_data,#left-side1,#content1,#aut_form,#postnews,#zag_letters
    { 
      background:transparent;
      filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000);
       zoom: 1;
    } 
#form { background: black;}
#back-top { background: black;}

A#admin_button:hover {background-color: black; color: white; }    
#left-side1 {color: white;   width: 50%;   font-size: 22px;  }
#content1 { color: white;  width: 50%;   font-size: 22px;  }
    
</style>    
<![endif]-->


В общем подскажите плизз кто что знает!

  Ответить  
 
 автор: Deed   (22.07.2013 в 23:58)   письмо автору
 
   для: hk416   (22.07.2013 в 18:50)
 

"Лень - отличная стратегия программирования!"
© Мэтт Зандстра

Чтобы особо не напрягаться, можно выйти из положения, устанавливая у "главного родителя" position: relative, а ширину "детей" задавать процентами. При должном опыте получается неплохая "резина".

  Ответить  
 
 автор: hk416   (23.07.2013 в 01:40)   письмо автору
 
   для: Deed   (22.07.2013 в 23:58)
 

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

  Ответить  
 
 автор: Deed   (23.07.2013 в 11:35)   письмо автору
 
   для: hk416   (23.07.2013 в 01:40)
 

http://webdesign.about.com/od/mobile/Mobile_Web_Design_Designing_Pages_for_Mobile_Web_Browsers.htm
И вообще - https://www.google.com.ua/search?q=web+design+for+smartphones+and+tablets&ie=utf-8&oe=utf-8&rls=org.mozilla:ru:official&client=firefox-a&gws_rd=cr

А вот: http://phonejs.devexpress.com/?gclid=CObPx9eNxbgCFU96cAod0isAoA !!

  Ответить  
 
 автор: hk416   (25.07.2013 в 14:04)   письмо автору
 
   для: Deed   (23.07.2013 в 11:35)
 

спасибо, изучаю материал.

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования