@media: калі Samsung Galaxy s4 з'яўляецца 1920х1080?

<link rel="stylesheet" media="only screen and (max-width:1280px)" href="css/article1280.css">

Я знаходжуся ў сярэдзіне кадавання мой спагадны CSS, і я зразумеў, што смартфон Samsung Galaxy S4 мае дазвол экрана 1080x1920-мой манітор 23 "1920х1080 гэта. Я ніколі не праглядацца на гэтым тэлефоне (у мяне ёсць iPhone 3 з дазвол 320х480, якая з'яўляецца тое, што я думаў, што ўсе смартфоны былі вакол , недзе пад 800 пікселяў у шырыню), так што я крыху збянтэжаны. Як я павінен стварыць мабільны сайт для смартфонаў з дазволам экрана ад 1080x1920?

7
Ці з'яўляецца ваш сайт непрыдатным для выкарыстання ў яго цяперашнім выглядзе?
дададзена аўтар Blender, крыніца
Ці з'яўляецца ваш сайт непрыдатным для выкарыстання ў яго цяперашнім выглядзе?
дададзена аўтар Blender, крыніца
Ці з'яўляецца ваш сайт непрыдатным для выкарыстання ў яго цяперашнім выглядзе?
дададзена аўтар Blender, крыніца
Вы карыстаецеся краявідных мета-тэг? Медыя-запыты не будуць мець ніякага эфекту без яго.
дададзена аўтар Brian Graham, крыніца
Вы карыстаецеся краявідных мета-тэг? Медыя-запыты не будуць мець ніякага эфекту без яго.
дададзена аўтар Brian Graham, крыніца
Вы карыстаецеся краявідных мета-тэг? Медыя-запыты не будуць мець ніякага эфекту без яго.
дададзена аўтар Brian Graham, крыніца
Што такое асаблівае ў Галактыцы, што яна павінна мець пэўныя стылі, у той час як іншую прыладу з падобным дазволам не павінна? Калі адказ <�я> націсніце , то вы ілжывае дрэва з запытамі сродкаў масавай інфармацыі.
дададзена аўтар cimmanon, крыніца
Што такое асаблівае ў Галактыцы, што яна павінна мець пэўныя стылі, у той час як іншую прыладу з падобным дазволам не павінна? Калі адказ <�я> націсніце , то вы ілжывае дрэва з запытамі сродкаў масавай інфармацыі.
дададзена аўтар cimmanon, крыніца
Вельмі карысны, але я хачу, каб усе навігацыі больш і прасцей у выкарыстанні і тонкага усё аж да асобных слупкоў, калі гэта будзе ў партатыўным прыладзе.
дададзена аўтар user2441996, крыніца
Вельмі карысны, але я хачу, каб усе навігацыі больш і прасцей у выкарыстанні і тонкага усё аж да асобных слупкоў, калі гэта будзе ў партатыўным прыладзе.
дададзена аўтар user2441996, крыніца
Вельмі карысны, але я хачу, каб усе навігацыі больш і прасцей у выкарыстанні і тонкага усё аж да асобных слупкоў, калі гэта будзе ў партатыўным прыладзе.
дададзена аўтар user2441996, крыніца
Я хацеў спытаць пра акне прагляду мета-тэг таксама. Я прачытаў вэб-сайт, які кажа, у той час як шырыня дазвол на iPhone 5'является 980px гэта эфектыўна 320px. Гэта тое, чаму вокны прагляду мета-тэг працуе?
дададзена аўтар user2441996, крыніца
Я хацеў спытаць пра акне прагляду мета-тэг таксама. Я прачытаў вэб-сайт, які кажа, у той час як шырыня дазвол на iPhone 5'является 980px гэта эфектыўна 320px. Гэта тое, чаму вокны прагляду мета-тэг працуе?
дададзена аўтар user2441996, крыніца

8 адказы

Galaxy S4 паведамляе х 360 пікселяў 640px ў браўзэры

Суадносіны бакоў складае 9/16

Суадносіны пікселяў складае 3

@media screen and (max-device-width: 360px)

@media screen and (-webkit-min-device-pixel-ratio: 3)

@media screen and (device-aspect-ratio: 9/16)
20
дададзена

Пераканайцеся, што ў вас ёсць краявідныя мета тэгаў ў галаўны часткі. Нешта накшталт гэтага:

<meta name="viewport" content="width=device-width, initial-scale=1.0">

Гэта кажа агент карыстальніка, каб прыняць да ўвагі шчыльнасць пікселяў і Rescale адпаведна. Так што ваша 1080px шырыня Samsung Galaxy S4 будзе дзейнічаць як 360 пікс па шырыні экрана.

0
дададзена

When designing on a GS4 it renders as a regular widescreen unless you use the viewport tag in your headers. I posted the example I use to make it responsive @ Samsung Galaxy S4 Responsive Design @media

0
дададзена

выкарыстоўваць @media экрана і (макс-прылады шырыня: ваш памер тут) .

0
дададзена
Навошта выкарыстоўваць шырыню прылады? Калі хто-то праглядае на невялікім акне браўзэра, што б мець сэнс, каб адлюстраваць яго ў лепшым выглядзе
дададзена аўтар mcdonaldjosh, крыніца
Калі гэта працуе для вас, калі ласка, прыміце яго як адказ.
дададзена аўтар Daniel, крыніца

выкарыстоўваць @media экрана і (макс-прылады шырыня: ваш памер тут) .

0
дададзена
Навошта выкарыстоўваць шырыню прылады? Калі хто-то праглядае на невялікім акне браўзэра, што б мець сэнс, каб адлюстраваць яго ў лепшым выглядзе
дададзена аўтар mcdonaldjosh, крыніца
Калі гэта працуе для вас, калі ласка, прыміце яго як адказ.
дададзена аўтар Daniel, крыніца

Некаторыя запыты сродкаў масавай інфармацыі, якія могуць апынуцца карыснымі ў гэтым выпадку з'яўляюцца:

@media screen and (orientation: portrait | landscape) { ... }

@media screen and (device-aspect-ratio: #/#) { ... }

Here's a link with more info: https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries

0
дададзена

Некаторыя запыты сродкаў масавай інфармацыі, якія могуць апынуцца карыснымі ў гэтым выпадку з'яўляюцца:

@media screen and (orientation: portrait | landscape) { ... }

@media screen and (device-aspect-ratio: #/#) { ... }

Here's a link with more info: https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries

0
дададзена

Пратэставана і працуе!

@media screen and (-webkit-min-device-pixel-ratio: 3.0) and (max-width: 1080px), screen and (max-width: 480px)
0
дададзена