???? ???? ???????
?????????:
?.jpg)
???? ??? ???? ????? ??? ??? ???? ? ??? ???? ??????width=device-width, initial-scale=1.
<meta name=viewport content="width=device-width, initial-scale=1">- ) ?? ???? ?????? CSS ????. ???? ????? ?????? CSS ??? ????? ?????? ??? ???????? ??????? ?? ????? ?????? ?? ????? ?????? ????? ?????.
- ????? ???? CSS??????? ????? ??.??? ????? ?? ?? ??? ???? Yuanvision ????? ??? ???? ???? ? ??? ??? ??? ??????? ?????? ???. ??? ??????? ????? ??????
- ???? ??????? ??? ?? ???? ????? ?????? ?? ??? ?????? (?? ????? ?????? ??? ???????? ???????). ????? ??????? ? ???? ?????? ????? ????? ????? ??????? ??????? ?? ????? ?????? ????????.
width: 100px????????.
??? ?? ????? ????? ????? ?? ??? ????? ???????? ???? ????? ????????. ?????? ??? ???????? ? ???? ??? ??
???? ???? ???????
????? ?????? ??? ???????? ??????? (dip): ?? ????? ?????? ? ?????? ?? ??????
???? ???? ?????? ? ??? ???? ?? ?????? ??? ????? ??? ???? ???????. ???? ??? ?????? ??? ??????? ??????? ????? iPhone 5 320.width=320??width=1024??????? ????? ???????
??? ??????: ???? ????? ???? ???? ???? ????? ???? ????? ??? ??????.width=device-width???? ??? ????
???? ????? ???? Safariinitial-scale=1? ???? ????? ??????? 320 ????.
width=device-width????? ????? ???? ?????? ????? ?????? ???????? ?????? ? ?? ????? ??? ?????????? ?????? ?? ????? ????? ???????. ???? ?? ???? ??? ???????? ????? ??? ??????? ?????? ? ???? ??? ???? ???? ??? ???????? ???? ???.width=device-width, initial-scale=1??? ????? ??? ?? ????????? ?? CSS. ??? ??? ??????? ??????? ??? ??? ????????? ???????? ??? ???? ???? ? ??? ??? ???????? ????????? ?? ??????? ??? ???? ?????? ? ???????? ???? ???????. ????? ????????? ???? ???? ?? ?? ????????????? ????? ????? ?? ????? ??? ????? ????? ??? ??????? ????????. ??? ?? ??? ????? ???? ??????? ? ?????? ?????? ??????? ???? ????? ???? ???? ??? ?????? ????????? ????? ???? ????? ?????? ??? ??????. ?? ???? ????? ???? ????? ? ????? ?????? ?? ??? ????? ????? ????? ????? ??? ????? ??????.???? ??? ??????? ??????? ?? ??????? ????????? ???????: ?????? ?????? ??????. ??? ???? ?????? ? ???? ??? ????? ???? ??????? ??????? ????? iPhone 5 640.
????? ??? ????????? (??? ?? ??? iOS ? Windows Phone) ??? ??? ???? ????? ??? ????? ??? ??????? ??? ??? ???? ? ?????? ?????? ????? ????? (????? ?? ????? ???????) ???? ??????. ????? ?????minimum-scale?maximum-scale?user-scalable
???? ????? ??????? ?????? ???? ????? ???? CSS ??? ????? ?????? ??? ???????? ??????? ??? 1:1 (??? ?????? ????? ???? ??????) ? ??????? ?????? ????? ???????? ????? ?????? ???????.
???? ????? ?????? ?????? ??? ?????? ??? ??????? ???????????? ????.? ???? ????? ??????? 568 ????.@viewport??? ????? ??? ??????? ????? ????? PageSpeed Insights ?? ????? ?? ???? ???? ????? ? ?? ?? ???? ??????? ?????? ??? ????? ?????? ??????.
. ??? ????? ?? ???? ?? ???? ???? ? ??? ??? ???? ???? ???? ??? ????? ????? ??? ????? ?????? ??? ?? ?????.
- ?????? ??? ??????: ???? ??? ??? ?????.??? ?? ???? ???? ????? ???? ??????? ? ?????? ????? ?????? ???? ????? ?? ??? ??????? ?? 800 ??? 1024 ???? CSS. ???? ?????? ???? ????? ???? ???? ????? ???? ??? ????? ???? ????? ?? ??? ?????? ? ??? ????? ?? ?????????? ????? ?????? ??? ??????? ?? ???? ?????.???? CSS: ???? ?????? ?????? ? ??? ?????? ???? ?? ???? ???? ???????. ??? ?????? ?? ????? (??? ???? ??????
- ??????? ???? "?? ????? ??????": ??????? ?? A List Apart?????????? ??? ???? ??????? ???????.
- ???? ?? HTML5 Rocks????? ? ????????? CSS: ???? ?????? ?????? ? ??? ?????? ???? ?? ???? ???? ???????. ??? ?????? ?? ????? (??? ???? ??????
- ?????.???????A Pixel Identity Crisis (???? ?????? ??????? ?? ????? ??????)
- Creating a Mobile-First Responsive Web Design (????? ????? ????? ???????? ??????)????????? CSS: ???? ?????? ?????? ? ??? ?????? ???? ?? ???? ???? ???????. ??? ?????? ?? ????? (??? ???? ??????
???????? ?????? ????? ??? ????? ??? ?????? ???? ?? ?????????? ???????? ????????? 3.0 License)? ?????? ?????? ??????? ????? ??????? (???? Apache 2.0 License?? ??? ?????????? ???????????? ????????.
