Mam stronę responsywną i niby wszystko jest ok, jednak na telefonie niektóre elementy graficzne najeżdżają na siebie, nie wyglądają tak jak bym tego oczekiwał. Chcę zrobić oddzielną stronę dla urządzeń mobilnych, a konkretnie właśnie telefonów. Problemem jest stworzenie skryptu, który rozpoznawałby czy użytkownik przegląda stronę za pomocą telefonu, tabletu czy PC. Przeglądałem internet i znalazłem kilka skryptów. Problem w tym, że telefon z androidem rozpoznaje mi jako PC. Albo te skrypty nie działają prawidłowo albo już sam nie wiem co. Doradzicie coś?

http://mobiledetect.net/
Ale nie tędy droga.

W widoku responsywnym na komputerze, przy ustawieniu tej samej rozdzielczości jak na telefonie, elementy nie nachodzą na siebie?

Słucham uważnie propozycji.

Nie do końca rozumiem co to znaczy 'widok responsywny', ale akurat tak się złożyło, że rozdzielczości są takie same, pomijając fakt, że są na odwrót 1080 x 1920 px i 1920 x 1080 px.
Na komputerze wszystko wygląda dobrze na telefonie już nie.

Moja propozycja jest taka, abyś dopracował układ dla rozdzielczości, przy której jest niepoprawnie na telefonie. I zrobił to korzystając z widoku responsywnego przeglądarki: https://developers.google.com/web/tools/chr...ols/device-mode

Na Twoim telefonie na pewno nie ma takiej rozdzielczości, bo powinieneś się kierować rozdzielczością css-ową. Ekran ma fizycznie tyle pikseli (1080x1920), ale ze względu na gęstość piksela dla CSS może to być 360x640.
Sprawdź: https://www.mydevice.io/