Postagens

Mostrando postagens de abril, 2021

CSS Media Screen

CSS @Media Screen / polegadas x centímetros x pixel Nos últimos meses, eu andei testando o CSS com o @media screen, e ao olhar o site em celulares, monitores e notebooks de tamanhos diferentes de polegadas, sempre aparecia algo precisando ser reajustado na visão esquerda ou direita do video, então pensei, e achei melhor ver o tamanho em polegada, comparando com o tamanho em centímetros, e comparando com o tamanho em pixel.   iPhone 320 x 480  |  device-pixel-ratio  = 2 iPhone 4 640 x 960 |  device-pixel-ratio  = 2 iPhone 5, 5s 640 x 1136 |  device-pixel-ratio  = 2 Samsung Galaxy S I and II 480 x 800 Samsung Galaxy S III 720 x 1280 iPhone 6 750 x 1334 |  device-pixel-ratio  = 2 iPhone 6 plus 1242 x 2208 |  device-pixel-ratio  = 3 iPad 1 and 2 768 x 1024 iPad 3 1536 x 2048 Amazon Kindle Fire 1024 x 600 Ao que parece, para funcionar direito o @media screen, será preciso: 1) criar uma página CSS só par...