Responsive design otázky

Zdravím ľudia nebudem vytvárať už viac tém ale budem všetky otázky vkladať sem čo sa týka responzívneho dizajnu.
Chcel by som sa opýtať v css keď mám:

Tak to znamená že nastanú dané zmeny ak šírka je menšia ako 1000px ak by bolo min-width tak viac ako 1000px a to screen znamená čo viem že su hodnoty print to je keď tlačiť chceme ale screen je obrazovka a aké hodnoty ešte môžu byť ktoré sa použivajú v praxi.

este orientation landscape alebo portrait a ci je monitor/display retina napr tu: http://stephen.io/mediaqueries/

Naozaj sa dá, pomocou CSS, otestovať, či máš Apple monitor?

Informácie o media query nájdeš napr. tu (samozrejme je potrebné ešte pozrieť, čo podporujú jednotlivé verzie prehliadačov).

Existuje nejaká stránka kde su navrhy vo photoshope a mohol by som si to natom cvičit? Asi nie že ?

Preco by neboli? ..
http://www.site.uplabs.com/ - tato je moja oblubena.. z pomedzi tisicok dalsich designerskych katalogov.

Chcem sa opýtať ľudia chcem proste ak je stránka menšia ako 1000 px chcem aby sa to dalo obrázok a text vedľa seba. To som dal ale prečo keď nastavím obrázku 40% a textu 60% tak keď zmenšujem pod 1000 px sú furt fixne a neprispôsobujú sa stránke ?

Ako to testuješ? (pretože mne to v prehliadači zobrazuje presne tak, ako chceš)

Ale ked to zmensujem tak sa ti prisposobuje text aj obrazok sirke prehliadaca ? ja ekd narazim an text tak ho prehliadac zosekne a neprisposobuje sa text

Nastav si sirku pre .container aj .article na 100%

Existuje nejaký doplnok pre chrome že mi bude pisat na koľko pixelov je natiahnuty prhliadač? aby som nemusel ist do developer tool ?

https://chrome.google.com/webstore/detail/browser-width/mlnegepkjlccabakompdmbcmdieaideh

keywords do google - chrome extension browser/window width

nepotrebujes extensions. staci si zapnut developer tools a aktivovat responzivny mod. step-by-step: kliknes pravym hocikde na stranke a das 'inspect'. a ked ti vyskoci panel tak v nom uplne hore vlavo druha ikonka mobilu