I have designed the online SharePoint responsive with the media queries, And when i tested it with a mobile all are working perfectly without this textbox input fields issue. The issue is when i touch the textbox in the news-feed the view become zoomed and the alignments of the CSS components become unstable and when i touch the search textbox same happens and with that the keyboard comes and disappears suddenly, simply cant input values. I have tried the zooming disabled feature by modifying the meta tag but it doesn't worked. Please help me to solve this
Since it is zooming, your media queries are being applied again and messing up your alignment. One way to fix this would be to use fixed width for different media queries so that zooming doesn't affect it.