iPhone 5 симулятор и медиа запрос -- css поле с участием responsive-design поле с участием media-queries поле с участием iphone-5 пол Связанный проблема

iPhone 5 simulator and media query


0
vote

проблема

русский

Я видел ответ здесь, как получить медиа-запрос iPhone5

@Media Только экран и (ширина max-Device: 1136px) и (ширина - 960px) и (высота устройства: 640px), только экран и (высота максимального устройства: 1136PX) и (минимальная высота устройства: 960px) и (ширина устройства: 640px) { / iPhone только / }

Проблема в том, что я попробовал несколько веб-симулятора для iPod Touch, iPhone4 и iPhone 5. Они не просто точны. У меня нет никаких этих устройств, так как я могу знать, является ли DIV, выровнен правильно или если он показывать прямо на этих устройствах.

Английский оригинал

i have seen the answer here on how to get the media query of iPhone5

@media only screen and (max-device-width: 1136px) and (min-device-width: 960px) and (device-height: 640px), only screen and (max-device-height: 1136px) and (min-device-height: 960px) and (device-width: 640px) { / iPhone only / }

Problem is, i have tried several web based simulator for ipod touch, iphone4 and iphone 5.. they are not just accurate. i don't own any of this devices so how can i know if the div is aligned right or if it's showing right on those devices.

</div
           

Список ответов

1
 
vote

Нет замены для реальной вещи.

Спросите одного из своих друзей, чтобы заимствовать их телефон, или отправиться в местное Apple Store (или ритейлер) и попросите попробовать телефон и посетить ваш сайт, чтобы проверить.

Если вы развиваете локально, скопируйте свой код на http://codepen.io , чтобы у вас есть доступ из магазина.

 

There is no substitution for the real thing.

Ask one of your friends to borrow their phone, or go into the local Apple Store (or retailer) and ask to try out the phone and visit your site to check.

If you're developing locally then copy your code across to http://codepen.io so that you have access from the store.

</div
 
 
1
 
vote
vote
Лучший ответ
 

Я думаю, я нашел альтернативу для этого.

Используйте элемент Google Chrome Inspect - & GT; Настройки - & gt; Пользовательский агент.

 

I guess i found an alternative for this.

Use Google Chrome Inspect Element --> Settings --> User Agent.

</div
 
 

Связанный проблема

0  Почему это работает над сафари и Firefox, но не на хроме?  ( Why is this working on safari and firefox but not on chrome ) 
У меня есть адаптивное меню навигации, он работает следующим образом: при изменении размера окна появляется значок «Гамбургер» (три строки). Нажатие на этот з...

0  Как сделать левую и правую границу карты в ионном прозрачном  ( How to make the left and right border of a card in ionic transparent ) 
Ниже приведен мой HTML. У меня в общей сложности 3 карты в трех столбцах и хотите только левую и правую сторону быть прозрачными. Я пробовал устанавливать гра...

6  Как я могу найти неиспользованные CSS в AJAX приложении?  ( How can i find unused css in ajax app ) 
Я искал, и я не могу найти какие-либо дополнения или JavaScript для поиска неиспользованных CSS в приложениях AJAX. Select-Me Selectors Можете сделать са...

1  HTML: масштабные изображения с использованием максимальной высоты / ширины  ( Html scale images using max height width ) 
У меня есть веб-страница, которая отображает кучу изображений. Я хочу убедиться, что ни одно из изображений не превышает 200 пикселей шириной и 200 пикселей п...

2  Преобразование: масштаб и позиционирование  ( Transform scale and positioning ) 
Как это, когда я применим шкала преобразования. «Z-индекс изменен»? Что я скучаю? Есть ли какие-нибудь «хитрость» для игры с трансформацией? <код> .thumb > ...

3  Scrolltop () не работает плавно в Chrome & Safari, но работают в Firefox  ( Scrolltop is not work smoothly in chrome safari but work in firefox ) 
Если вы проверяете эту ссылку http://jsfiddle.net/hbkdt/ . <код> $(window).scroll(function() { $(".fixed").css("top", $(window).scrollTop() + "px");...

5  Пользовательский стиль на раскрывающемся меню React-Buttrap  ( Custom style on react bootstraps dropdown menu component ) 
Я пытаюсь применить пользовательский стиль CSS к компоненту RACH BETSTRAP, но не может понять, как получить доступ к элементам, которые не являются явными в J...

0  Как вы делаете Div пойти по другому меню Div / NAV, которое не исправлено?  ( How do you make a div go under another div nav menu which is not fixed ) 
Я пытаюсь сделать Div, идут под очередной div, в котором ни один не фиксирован элементы. Вот мой код: <Код> ul { list-style-type: none; margin: ...

0  всплывающее окно не назначает центр экрана  ( Popup not assign the center of the screen ) 
У меня есть код ниже, чтобы назначить всплывающую точный центр экрана. Но это не работает. Всплывающее окно появляется в разных местах, основанных на размере ...

15  CSS округлые углы  ( Css rounded corners ) 
Я видел много кодов для этого, но кажется, что он не работает очень хорошо или вообще. Я использовал картинки для округлых углов, но мне нужен код, так что он...

4  Сжимается и расти элемент, используя CSS3  ( Shrink and grow an element using css3 ) 
Я пытаюсь реализовать расти и сокращать влияние на элемент div, это работает, но анимация работает слева направо. Хотел бы сделать это из центра. Ниже я раз...

0  Почему изображение не отображается в Div в IE8  ( Why image doesnt show up within a div in ie8 ) 
У меня есть следующие HTML: <код> <!-- default stylesheets --> <link rel="stylesheet" type="text/css" href="theStyles/defaultStyle.css"> <!-- if ie version...

0  Невозможно переопределить CSS по умолчанию всех стилей элементов с помощью медиа-запроса  ( Cannot override default css of all elements style with media query ) 
Я пытаюсь сделать один веб-сайт отзывчив. Проблема в том, что некоторые элементы настраиваются с медиа-запросами, тогда как другие хранят свой родной стиль .....

9  Могу ли я установить два фоновых изображения на одном элементе с CSS?  ( Can i set two background images on the same element with css ) 
Образец HTML-кода: <код> belongs_to :y3 Пример файла CSS: <код> belongs_to :y4 Кажется, что часть «B» игнорируется. Есть ли способ Inlclude как из...

-2  Как вы можете центрировать галерею с HTML и CSS  ( How can you center a gallery with html and css ) 
Я выхожу новый HTML и CSS и надеюсь, что кто-то может помочь. с помощью W3 Schools ( http://www.w3schools.com/css/css_image_gallery. ASP ) Я создал простую ...

Связанный проблема

0  Почему это работает над сафари и Firefox, но не на хроме? 
0  Как сделать левую и правую границу карты в ионном прозрачном 
6  Как я могу найти неиспользованные CSS в AJAX приложении? 
1  HTML: масштабные изображения с использованием максимальной высоты / ширины 
2  Преобразование: масштаб и позиционирование 
3  Scrolltop () не работает плавно в Chrome & Safari, но работают в Firefox 
5  Пользовательский стиль на раскрывающемся меню React-Buttrap 
0  Как вы делаете Div пойти по другому меню Div / NAV, которое не исправлено? 
0  всплывающее окно не назначает центр экрана 
15  CSS округлые углы 
4  Сжимается и расти элемент, используя CSS3 
0  Почему изображение не отображается в Div в IE8 
0  Невозможно переопределить CSS по умолчанию всех стилей элементов с помощью медиа-запроса 
9  Могу ли я установить два фоновых изображения на одном элементе с CSS? 
-2  Как вы можете центрировать галерею с HTML и CSS 



© 2021 www.qaru.top All Rights Reserved. Q&A House все права защищены


Licensed under cc by-sa 3.0 with attribution required.