Rozwijam się przy użyciu Meteor - Angular2 przy użyciu Flex Flex Angular 2
Chcę szybko reagować, gdy rozmiar ekranu spadnie poniżej 520 pikseli.
Działa dobrze, po prostu zmień rozmiar mojego ekranu, ale używając prawdziwego urządzenia lub paska narzędzi urządzenia chrome To jest do dupy ..
Oto mój zrzut ekranu wyniku i kodów
import { Component } from "@angular/core";
@Component({
selector: "demo-responsive-layout-direction",
template: `
<div class="containerX">
<div fxLayout="row" fxLayout.xs="column" fxLayout.sm="column" fxFlex class="coloredContainerX box" >
<div fxFlex> I"m above on mobile, and to the left on larger devices. </div>
<div fxFlex> I"m below on mobile, and to the right on larger devices. </div>
</div>
</div>
`
})
export class DemoResponsiveLayoutDirection { }
Obrazy wynikowe
Praca ze zmianą rozmiaru ekranu
Odpowiedzi:
0 dla odpowiedzi № 1Sam rozwiązałem ten problem !!
Należy dodać ten metatag do pliku main.html (lub index.html), aby poprawnie wykryć urządzenie mobilne (nie tylko rozmiar ekranu)
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Your Site Title</title>
</head>