2012-10-03 14 views
15

ho creato un clock di base utilizzando solo div (senza immagini) e quando rezing le frecce orologio si rompe ed è fuori posizione come mostrato qui:ridimensionamento rompe la posizione del mio div

enter image description here                                                                       enter image description here

Perché succede questo? Qualcuno può sistemarlo per me? È un singolo file senza file esterni

+0

Si prega di includere l'opzione per disattivare. Ho smesso di testarlo dopo 20 beep. –

+0

Penso che dipenda da come ridimensionare il browser. Dipende dal browser e dalla risoluzione del monitor. Non ho idea di risolverlo. – Kedume

+0

Hai riparato? Non vedo alcuna freccia rotta! –

risposta

1

Wow, impressionante. Non sono sicuro che questo si qualifica come una vera risposta, ma potrebbe portarti nella giusta direzione ...

Intendi dire quando si ingrandisce nel browser? Una volta ho avuto un problema che si è rivelato il modo in cui i diversi browser rendono i subpixel. Non è esattamente il tuo problema, ma penso che sia molto simile.

Questa pagina descrive il problema: http://ejohn.org/blog/sub-pixel-problems-in-css/.

La ragione per cui penso sia correlata, è che se si ingrandisce ulteriormente la pagina, il problema scompare ma poi ritorna. È il modo in cui il browser esegue il rendering di elementi che non sono mai stati progettati per essere visualizzati a un valore diverso dal 100%.

Si noterà anche che se si rimpicciolisce il problema è lo stesso.

Il mio suggerimento - Non preoccuparti!

1

In primo luogo, WOW, è davvero fantastico!

Vedo che succede sia su Firefox che su Chrome. Quando ho cambiato il top/bottom/left/right per i triangoli a 28-29px, era meglio posizionato.

Penso che abbia a che fare con il metodo di ridimensionamento (o il bug del ridimensionamento del browser - anche se non la penso così come accade su entrambi i browser), hai provato a convertire il 'px' in 'em', come ' em 'è pensato per mantenere le proporzioni delle dimensioni meglio.

Problemi correlati