Website responsiveness according to Browser

1

I know it's a hot topic and can easily go through duplicate, but before pointing, read.

BootsTraps properties do not apply to the Safari Browser?

I have an application that in 3 Browser (Chrome, FireFox and Edge) work norally, but testing in Safari is totally misaligned.

Example:

Google Chrome 1366 x 768 (NoteBook):

Safari1366x768(NoteBook):

Here are my doubts.

It would be better to identify the Browser being accessed via JavaScript using the navigator.appName & navigator.appVersion and thus set the properties of .CSS equivalent?

Would it be better to do everything via .CSS to make Browser dynamic and / or screen resolution dynamic?

Obs. The application was accessed at 1366 x 768 (NoteBook) and 1600 x 900 (Desktop) resolution.

    
asked by anonymous 04.06.2018 / 16:06

0 answers