Duyarlı tasarım - Medya Sorgulama iPhone üzerinde çalışmıyor mu?

Web sitemi daha küçük bir ekran boyutuna duyarlı hale getirmek ve buna göre ölçeklendirmek için web sitemin mobil uyumlu bir sürümünü oluşturmaya çalışıyorum.Duyarlı tasarım - Medya Sorgulama iPhone üzerinde çalışmıyor mu?

Masaüstü bilgisayarda yeniden boyutlandırırken tarayıcıda doğru şekilde davranan bazı ortam sorguları oluşturdum.

iPhone'umda, safari web sitesinin tamamını küçültür, ancak yine de tam boyutlu sitenin en boy oranını korur. Medya sorgusuna nasıl göz atabilirim? bir şey özledim mi İşte

Ben düzgün çalışmasını almaya çalışıyorum bir kum havuzu bağlantısıdır - herhangi bir yardım veya öneriler takdir edilmektedir:

http://www.preview.brencecoghill.com/

kaynak

2012-10-21 Gearu

Eğer html görünümü port için meta var mı?

<meta name="viewport" content="width=device-width, initial-scale=1.0">

burada

diğer bilgiler: Ben Chrome'da bir uyarı bulacağınızı düşünüyorum http://webdesign.tutsplus.com/tutorials/htmlcss-tutorials/quick-tip-dont-forget-the-viewport-meta-tag/

kaynak

2012-10-22 00:09:42 coopersita

cevabınız için çok teşekkür ederim .. bu cevap bana çok yardımcı oluyor .. ama küçük düzeltme arkadaşım coopersita .. bir kapanış "etiketinizde eksik"; –

LOL! Sabit! Teşekkürler. – coopersita

yanlış sözdizimini düzeltmek için bu cevabı düzenlemek için ama reddedildi.Neredeyse (user1506194'ün cevabı gibi) olmalıdır: ' – penfold

; yerine , bu sadece iyi çalışması gerekir:

<meta name="viewport" content="width=device-width, initial-scale=1">

kaynak

2013-08-21 13:07:21

Bu sözdizimi doğru olduğu için kabul edilen cevabı düzenledim. – penfold

Sadece bir gün için bu aynı problem giderme sonra en tuhaf şeyi yaşadı. Bir şey başarısız olursa denemek için bir şey ...

Sayfalarım, geliştirmeler sırasında dizüstü bilgisayarımda mükemmel şekilde yanıt veriyordu ancak iPhone, iPad veya Samsung'umda değil. Sonunda böyle, DOCTYPE deyimi sonra ve html lang deyimi önce bir açıklama satırı koymak zorunda keşfetti:

<!DOCTYPE html> 
<!-- This comment line needed for bootstrap to work on mobile devices --> 
<html lang="en">

Son olarak, benim sayfaları mobil cihazlarda duyarlı. Tuhaf!

kaynak

2018-03-03 23:16:34 Filemangler

Duyarlı tasarım - Medya Sorgulama iPhone üzerinde çalışmıyor mu?

cevap

İlgili konular