Responsive site scaling down on mobile rather than adjusting

By : shorn

I'm getting some weird behaviour that I'm not sure why it's happening.

I'm building out an site. When running this locally in Chrome and Safari, it displays fine, everything adjusts as you'd expect. However, in responsive mode, and when viewed directly on mobile, the entire site is scaling down in size to fit. By this I mean the entire site every element all reducing in size to to be shown as it looks at desktop size.

I'm using Bourbon/Neat, with a bit of flexbox here and there, which I have done many a times before. I've just never experienced this. Any ideas?

By : shorn


You likely need to add

<meta name="viewport" content="width=device-width, initial-scale=1">

to the <head> section of your html

try this one

 final ListView listView = (ListView) findViewById(;
 ArrayAdapter<String> arrayAdapter = new ArrayAdapter<String>(getApplicationContext(), R.layout.routes_list_item,, routesSubList);
 View v = listView.getAdapter().getView(i, null, null);
 CheckedTextView checkedTextView = (CheckedTextView)v.findViewById(;
   for (int i = 0; i < routesSubList.size(); i++) {
        if (selectedRoutesList.contains(routesSubList.get(i))){
        else {
By : Pihu

You have given the listView a custom layout, so it don't know how it should be looked when an item is checked. You can try with override the getView().

        ArrayAdapter<String> arrayAdapter = new ArrayAdapter<String>(getApplicationContext(), R.layout.routes_list_item,, routesSubList){
        public View getView(int position, View convertView, ViewGroup parent) {
            if(convertView == null){
                convertView = getActivity().getLayoutInflater().inflate(R.layout.routes_list_item);
            CheckedTextView checkedTextView = (CheckedTextView) convertView.findViewById(;
            return convertView;

The code is not tested. Hope it help!

By : I_A_Mok

This video can help you solving your question :)
By: admin