2016-04-07 38 views
1

Sorunu anlamak için zor bir zaman geçiriyorum, bunu açıklamama izin verin, bu yüzden konuyla ilgili bir resmim var.Mobil site, CSS piksellerini fiziksel piksel çözünürlüğünde işler mi?

Screenshot of the mobile page

I elemanı genişlikleri için% 100 oranlarına ve 100vw kullanıyorum. Her şey doğru ölçekte işliyor ve öğeyi incelediğimde doğru genişlik olduğunu söylüyor, ancak cihazın gerçek fiziksel piksel boyutunda görüntü veriyor gibi görünüyor. Bu konuda tamamen yanlış olabilirim, tamamen emin değilim. Bu konuyla daha önce hiç karşılaşmadım.

Muhtemelen tahmin edebileceğiniz gibi, mobil aygıtın görünüm genişliğini doldurmak için sayfanın gövdesine ihtiyacım var. Herhangi bir yardım harika. Teşekkürler.

+0

Bir bakış için harici bir bağlantınız var mı? –

+0

quirksmode.org: [Piksel, piksel değil, piksel değildir] (http://www.quirksmode.org/blog/archives/2010/04/a_pixel_is_not.html) – CBroe

+0

Bunu birkaç dakika önce okudum. Meta etiketi zaten var. – Jasper

cevap

2

sorunu nedeniyle şu şudur:

<footer> 
    <nav class="row">...</nav> <!-- This has a width of 1100px --> 
</footer> 

nav.row üzerinde sabitlenmiş çıkarın ve çalışması gerekir.

+0

Size cevabın kredisini vermek istiyorum, ancak çözümünüz yorumlarda. Cevabınızı bulduğunuz sorunu gösterecek şekilde değiştirirseniz, kabul edeceğim. – Jasper

+0

@TheQZ bitti. Teşekkürler! –

0

Herkesin zamanını boşa harcadığım için üzgünüm, bu çok geniş bir sahtekarlık öğesiydi, fakat taşma gizlenmişti, ben de göremedim. Sanırım, stil sayfanız çok uzun sürdüğü zaman gerçekleşir.

Yardımlarınız için teşekkürler.