Merhaba arkadaşlar,
Masaüstünden girildiğinde style.css , telefondan girildiğinde mobile.css 'yi nasıl çağırabiliriz?
Mobil Sürümde Farklı CSS Gösterme |
7 Mesajlar | 2.286 Okunma | ||
- Üyelik 19.03.2014
- Yaş/Cinsiyet 33 / E
- Meslek Web Tasarımcı
- Konum Tekirdağ
- Ad Soyad S** Ş**
- Mesajlar 18
- Beğeniler 0 / 3
- Ticaret 0, (%0)
Ticari.com.tr
- Üyelik 31.01.2014
- Yaş/Cinsiyet 37 / E
- Meslek Webmaster
- Konum Kayseri
- Ad Soyad M** A**
- Mesajlar 69
- Beğeniler 5 / 21
- Ticaret 0, (%0)
$user_agent = strtolower ( $_SERVER['HTTP_USER_AGENT'] );
if ( preg_match ( "/phone|iphone|itouch|ipod|symbian|android|htc_|htc-|palmos|blackberry|opera mini|iemobile|windows ce|nokia|fennec|hiptop|kindle|mot |mobile|pda;|avantgo|eudoraweb|minimo|netfront|brew|teleca|lg;|lge |wap;| wap |mot-|webos\/|samsung|sonyericsson|^sie-|nintendo/", $user_agent ) ) {
echo 'mobile.css';
} else {
echo 'style.css';
}
PHP, Python, Javascript, C#, React-Native
- Üyelik 10.11.2014
- Yaş/Cinsiyet 27 / E
- Meslek Bilgisayar Mühendisi
- Konum İstanbul Anadolu
- Ad Soyad E** G**
- Mesajlar 99
- Beğeniler 0 / 11
- Ticaret 1, (%100)
- Üyelik 27.04.2011
- Yaş/Cinsiyet 37 / E
- Meslek Yazılım
- Konum İstanbul Avrupa
- Ad Soyad M** S**
- Mesajlar 448
- Beğeniler 165 / 44
- Ticaret 4, (%75)
Ek bilgi:
O şekilde bir yönlendirme yapmak yerine style.css dosyasına mobil cihazlar için kodlar da yazabilirsiniz.
Responsive design (duyarlı tasarım) konusunu bir araştırın. Cihazın ekran boyutuna göre tasarım yapabiliyorsunuz. Görsel örnek doküman: https://www.ibm.com/developerworks/community/blogs/bobleah/entry/code_example_of_responsive_web_design_using_css3_media_queries13?lang=en
O şekilde bir yönlendirme yapmak yerine style.css dosyasına mobil cihazlar için kodlar da yazabilirsiniz.
Responsive design (duyarlı tasarım) konusunu bir araştırın. Cihazın ekran boyutuna göre tasarım yapabiliyorsunuz. Görsel örnek doküman: https://www.ibm.com/developerworks/community/blogs/bobleah/entry/code_example_of_responsive_web_design_using_css3_media_queries13?lang=en
- Üyelik 26.02.2013
- Yaş/Cinsiyet 31 / E
- Meslek Yazılımcı
- Konum İstanbul Avrupa
- Ad Soyad U** C**
- Mesajlar 697
- Beğeniler 149 / 137
- Ticaret 0, (%0)
BLOG | http://safkaninsan.blogspot.com/
- Üyelik 02.01.2014
- Yaş/Cinsiyet - /
- Meslek
- Konum
- Ad Soyad ** **
- Mesajlar 1852
- Beğeniler 346 / 707
- Ticaret 5, (%100)
Şuan en gelişmiş mobil dedektör bu. Bende bunu kullanıyorum.
https://github.com/serbanghita/Mobile-Detect/blob/master/Mobile_Detect.php
Ayrıca geliştirmeye de açık bir kod. Cihazların agent numaralarını yazıp kendin de model model cihaz ekleyebilirsin.
'NecTablet' => '\bN-06D|\bN-08D',
gibi.
https://github.com/serbanghita/Mobile-Detect/blob/master/Mobile_Detect.php
Ayrıca geliştirmeye de açık bir kod. Cihazların agent numaralarını yazıp kendin de model model cihaz ekleyebilirsin.
'NecTablet' => '\bN-06D|\bN-08D',
gibi.
- Üyelik 19.03.2014
- Yaş/Cinsiyet 33 / E
- Meslek Web Tasarımcı
- Konum Tekirdağ
- Ad Soyad S** Ş**
- Mesajlar 18
- Beğeniler 0 / 3
- Ticaret 0, (%0)
$user_agent = strtolower ( $_SERVER['HTTP_USER_AGENT'] );
if ( preg_match ( "/phone|iphone|itouch|ipod|symbian|android|htc_|htc-|palmos|blackberry|opera mini|iemobile|windows ce|nokia|fennec|hiptop|kindle|mot |mobile|pda;|avantgo|eudoraweb|minimo|netfront|brew|teleca|lg;|lge |wap;| wap |mot-|webos\/|samsung|sonyericsson|^sie-|nintendo/", $user_agent ) ) {
echo 'mobile.css';
} else {
echo 'style.css';
}
Cevaplarınız için teşekkürler bu kod bayağı kolay halletmemi sağladı. Teşekkür ederim.
Ticari.com.tr
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)