По какой-то причине я не могу найти помощь по этому поводу от поиска в Интернете ... возможно, я не формулирую это хорошо.Сайт очень узкий на мобильном телефоне
У меня была эта проблема придумать ранее, но сейчас он находится на этом сайте:
http://merchantbankingresources.com/
Вы можете видеть на скриншоте, что сайт сдвинут влево и очень узким. Это на iPhone 4s.
Попробуйте добавить этот код в HEAD
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta http-equiv="cleartype" content="on" />
Правильное определение размеров страницы управляется мета собственности viewport. Добавление чего-то, как показано ниже, на голову вашего сайта, автоматически изменит ваш сайт на ширину устройства.
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0">
После сдачи его, вы можете сделать свою страницу занять целую страницу с width:100%;.
EDIT-<ul> в вашем gform фактически вызывает проблему. Это отображение неправильной позиции.
EDIT- Изменить .gform_body css. Это дает left из 500px
Я думал, что это классический случай html, тело не хочет растягиваться, но проблема лежит в самой странице.
Спасибо за ваш ответ; к сожалению, это уже добавлено на страницу. И это было, безусловно, первое, что я искал. –
Я отредактировал ответ. – prakhar19
Я переделал его. В предыдущем ответе была ошибка. – prakhar19