2013-03-14 3 views
0

Обычный и простой. Как я могу заставить Safari iOS распознать это?Могу ли я заставить Safari iOS распознавать ручные медиа-запросы?

BUTTON { 
    padding: 0 0.5em; /* To conserve screen space on point-and-click interfaces */ 
} 

@media handheld { 
    BUTTON { 
     padding: 1em 2em; /* So fingers can more easily touch it */ 
    } 
} 

Я уже прочитал How can I force iPhone’s Safari to use media="handheld"?, но это было предложено более 3 лет назад. В сегодняшнем возрасте соответствия HTML5 и CSS3, и когда стандарты охвачены настолько легко, я надеюсь, что Apple поставит что-то в iOS Safari, чтобы иметь возможность разрешать мультимедийные запросы handeld на по-настоящему крошечном экране iPhone.

Я попытался использовать точные значения, например screen and (max-width: 5in), но, по-видимому, он считает, что его экран шире 5 дюймов.

+2

Что соответствует соблюдению HTML5/CSS3 с тем, что Mobile Safari слишком продвинута, чтобы просто считаться «карманным» браузером, как это подразумевается в этом ответе? Во всяком случае, чем более продвинутым он является, тем больше причин он должен оставаться дальше от этого типа медиа. – BoltClock

+0

Я думаю, вы в замешательстве. Не то, чтобы я сомневаюсь, что Safari продвинута, это то, что я хочу, чтобы мои конечные пользователи имели плавный и простой в использовании опыт. Для этого я хочу, чтобы мои веб-страницы работали так же, как и их приложения, позволяя создавать большие кнопки, не зависание и т. Д. – Supuhstar

ответ

1

Вы можете использовать эту цель для определенной ширины устройства.

@media only screen and (max-device-width: YourDeviceWidth){ 

     //Styles for this device width here. 
    } 

Или вы могли бы использовать устройство коэффициента пропорциональности для Iphone + Ipad:

iPhone < 5:

 @media screen and (device-aspect-ratio: 2/3) { 
     } 

iPhone 5:

 @media screen and (device-aspect-ratio: 40/71) { 
     } 

IPad:

 @media screen and (device-aspect-ratio: 3/4) { 
     } 
+0

Принимается, потому что он работает и кажется агностиком устройства: 3 – Supuhstar

Смежные вопросы