Оптимизировать отображение параграфов в мобильной версии

@Rayzor92 · Регистрация: 21.04.2012

Студворк — интернет-сервис помощи студентам

Есть сайт, мобильной верстки нету. Когда открываешь на телефоне, то просто можно в бок до конца долистать, а параграфы на сайте выстраиваются в один столбец который занимает половину экрана, разрешение моего телефона 290x320. Макет сайта шириной под 1000px. И вот вправо можно почти всю эту тысячу пролистать свободного пронстранства. Не помогают ни width:100% ни 10000px.
Странно но работает для них text-align. Столбец этот можно выровнять по центру или по правому краю.
Мета тег viewport прописан так:

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

В google dev tools в адаптивном режиме и на современных устройствах (планшетах с 4 андроидом) всё отображается корректно.
В чём может быть проблема? Если вывести рамку вокруг p то рамка будет идти на 100% ширины, а содержимое почему то только около 150px

@nikipor · 29.12.2015, 19:11

Проверьте паддинги для Р, а также, нет ли в параграфе других элементов, которые могут влиять на отображение

@Rayzor92 · 29.12.2015, 19:21 **[ТС]**

обнулял падинги, в параграфе только текст.
Не знаю какой масштаб по умолчанию у телефона у меня, но кажется что текст в абзацах занимает столько, сколько может позволить моё разрешение, т.е 320 пикселей.Как это обойти?

@nikipor · 29.12.2015, 19:24

Приведите коды, если они не 820 м длины, попробую разобраться

@Rayzor92 · 29.12.2015, 19:29 **[ТС]**

Да я уже заметил что много где так, если нет мобильной верстки адаптивной.

@siyanie · 29.12.2015, 19:35

Rayzor92, ну так логично, нет адаптивной верстки. Как вы хотели что бы оно отображалось?

@Rayzor92 · 29.12.2015, 20:08 **[ТС]**

чтобы текст в параграфах был до сайдбара, а не на половину дива с классом posts-wrapper

Добавлено через 10 минут
на айфоне вот нормально отображается, там разрешение 320 по горизонтали, а у меня 290 и такая жесть. Как это поправить?

Новые блоги и статьи Все статьи Все блоги /
Модульный подход на примере F# DevAlt 06.03.2026 В блоге дяди Боба наткнулся на такое определение: В этой книге («Подход, основанный на вариантах использования») Ивар утверждает, что архитектура программного обеспечения — это структуры,. . .	Управление камерой с помощью скрипта OrbitControls.js на Three.js: Вращение, зум и панорамирование 8Observer8 05.03.2026 Содержание блога Финальная демка в браузере работает на Desktop и мобильных браузерах. Итоговый код: orbit-controls-threejs-js. zip. Сканируйте QR-код на мобильном. Вращайте камеру одним пальцем,. . .	SDL3 для Web (WebAssembly): Синхронизация спрайтов SDL3 и тел Box2D 8Observer8 04.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-sync-physics-sprites-sdl3-c. zip На первой гифке отладочные линии отключены, а на второй включены:. . .	SDL3 для Web (WebAssembly): Идентификация объектов на Box2D v3 - использование userData и событий коллизий 8Observer8 02.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-collision-events-sdl3-c. zip Сканируйте QR-код на мобильном и вы увидите, что появится джойстик для управления главным героем. . . .
Реалии Hrethgir 01.03.2026 Нет, я не закончил до сих пор симулятор. Эта задача сложнее. Не получилось уйти в плавсостав, но оно и к лучшему, возможно. Точнее получалось - но сварщиком в палубную команду, а это значит, в моём. . .	Ритм жизни kumehtar 27.02.2026 Иногда приходится жить в ритме, где дел становится всё больше, а вовлечения в происходящее — всё меньше. Плотный график не даёт вниманию закрепиться ни на одном событии. Утро начинается с быстрых,. . .	SDL3 для Web (WebAssembly): Сборка библиотек: SDL3, Box2D, FreeType, SDL3_ttf, SDL3_mixer и SDL3_image из исходников с помощью CMake и Emscripten 8Observer8 27.02.2026 Недавно вышла версия 3. 4. 2 библиотеки SDL3. На странице официальной релиза доступны исходники, готовые DLL (для x86, x64, arm64), а также библиотеки для разработки под Android, MinGW и Visual Studio. . . .	SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами 8Observer8 20.02.2026 Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .

@nikipor 17 / 33 / 6 Регистрация: 05.01.2012 Сообщений: 645
	29.12.2015, 19:11
	Проверьте паддинги для Р, а также, нет ли в параграфе других элементов, которые могут влиять на отображение 0

@Rayzor92 14 / 14 / 4 Регистрация: 21.04.2012 Сообщений: 393
	29.12.2015, 19:21 [ТС]
	обнулял падинги, в параграфе только текст. Не знаю какой масштаб по умолчанию у телефона у меня, но кажется что текст в абзацах занимает столько, сколько может позволить моё разрешение, т.е 320 пикселей.Как это обойти? 0

@nikipor 17 / 33 / 6 Регистрация: 05.01.2012 Сообщений: 645
	29.12.2015, 19:24
	Приведите коды, если они не 820 м длины, попробую разобраться 0

@Rayzor92 14 / 14 / 4 Регистрация: 21.04.2012 Сообщений: 393
	29.12.2015, 19:29 [ТС]
	Да я уже заметил что много где так, если нет мобильной верстки адаптивной. 0

@siyanie 13 / 13 / 7 Регистрация: 21.11.2015 Сообщений: 85
	29.12.2015, 19:35
	Rayzor92, ну так логично, нет адаптивной верстки. Как вы хотели что бы оно отображалось? 0

@Rayzor92 14 / 14 / 4 Регистрация: 21.04.2012 Сообщений: 393
	29.12.2015, 20:08 [ТС]
	чтобы текст в параграфах был до сайдбара, а не на половину дива с классом posts-wrapper Добавлено через 10 минут на айфоне вот нормально отображается, там разрешение 320 по горизонтали, а у меня 290 и такая жесть. Как это поправить? 0