2012-11-18 11 views
5

Mam stosunkowo prostą stronę pod względem HTML i CSS i wygląda dobrze w przeglądarkach komputerowych (IE9/Chrome). Jednak kiedy go zobaczyć w programie Internet Explorer w Windows Phone 7.5 wydaje się, aby tekst wewnątrz nieuporządkowanych list ogromnymi lub malutkich jakiegoś powoduDlaczego moje rozmiary czcionek są tak pomieszane podczas stosowania marginesu do elementu body w Internet Explorerze w systemie Windows Phone 7.5?

Oto kod, który wywołuje dziwne rezultaty

<!DOCTYPE html> 
<head> 
<style type="text/css"> 
body { 
    margin: 0px 0px; 
} 
h1 { 
    font-size: 250%; 
} 
h2 { 
    font-size: 150%; 
} 
h3 { 
    font-size: 120%; 
} 
</style> 
</head> 
<body> 

    <h1>H1 header</h1> 
    <h2>H2 header</h2> 
    <h3>H3 header</h3> 
    <p>Some paragraph text</p> 
    <ul> 
    <li>List item 1</li> 
    <li>List item 2</li> 
    </ul> 

</body> 
</html> 

Spójrz rozmiar tekstu li powinien być wielkości tagu p, ale jest mały. Dla wersji tego pliku w Internecie zobaczyć this link here

mam zmniejszyła go do właściwości margin na body i na div, jeśli którykolwiek z nich są wtedy proporcje tekstowe zwariować. Dlaczego to się dzieje? Czy to błąd? Wygląda na to, że wygodniej jest ustawić margines na pojemniku, a nie na wszystkich osobno pojedynczo

Odpowiedz

8

Wygląda na to, że program Internet Explorer mobile dla systemu Windows Phone 7 stosuje pewien rodzaj zmiany rozmiaru czcionki, aby zoptymalizować zawartość, ale to kończy się na tym, że co najmniej przekręcając moją stronę, zobacz this PDF 'Windows Explorer Mobile for Windows Phone 7, która wyjaśnia krótko.

Aby zatrzymać ten problem, to ten kawałek CSS

html { 
    -ms-text-size-adjust: none; 
} 
+0

Wow, lifesave! – cleong