Что Вы используете для тестирования карманного компьютера css на веб-сайте?
Если вы установили gatsby-transformer-sharp и gatsby-plugin-sharp и указали правильный путь к своим изображениям, Gatsby автоматически выберет их и передаст их через резкость, следовательно, вы можете запросить эти изображения. Вы можете взглянуть на один из моих сайтов, который также использует YML-файл с путями к изображениям, которые я затем использую с gatsby-image: https://github.com/LekoArts/gatsby-starter-portfolio/blob/master /src/sites/sites.yaml
4 ответа
С небольшим количеством поиска я нашел то, что я искал, спасибо за приводит парней.
Opera отобразит карманную CSS при выборе "Маленького Экрана" из меню View.
Если у Вас есть Visual Studio, должны быть эмуляторы устройства, которые позволяют Вам протестировать мобильный IE, или они могут быть найдены автономными на сайте Microsoft. Вот некоторые для WM 5. Существует средство моделирования OpenWave, доступное для тестирования того браузера. Средства моделирования Blackberry доступны также, для тестирования браузера Blackberry. Можно (отчасти) протестировать поддержку iPhone с Safari, хотя Вы не можете проверить метатег области просмотра. Здесь существует средство моделирования Opera Mini.
Кроме того, вытащите свой CSS из Вашего HTML :)
Для тестирования iPhone можно получить iPhone SDK здесь, Но Вам нужен OS X / компьютер Apple для него для выполнения официального пути.
Не чиновник/взломы:
- Существуют способы получить OS X, работающий на стандартных аппаратных средствах ПК как здесь.
- Или получите SDK, работающий в Linux / VMware, описанный здесь.
Счастливое взламывание!
Жабры Huibert
Я не уверен, стоит ли воскресить старый вопрос, но я надеюсь, что кто-нибудь его найдет :)
Есть простой способ проверить портативный CSS с помощью медиа-запросы :
@media handheld, screen and (max-width: 500px) { /* your css */ }
После этого вы можете протестировать браузеры, реализующие медиа-запросы, изменив размер окна до менее 500 пикселей.