По поводу предстоящих проблем с размером экрана в asp.net

Question

моя машина для разработки имеет довольно большой размер экрана (19 дюймов).У некоторых из моих клиентов есть экраны меньшего размера (или они могут не максимизировать мою веб-страницу), поэтому элементы управления на странице повсюду и перекрывают друг друга.Любая идея, как я могу решить это?

Answer 1

Установите панель инструментов веб-разработчика и протестируйте экран другого размера.

Просмотрите css float , чтобы сделать ваши макеты более динамичными. Или исправьте ширину, чтобы они не могли изменить размер.

Звучит скорее как проблема макета / CSS, чем проблема .net / c #.

Answer 2

Используйте фиксированную ширину для вашего тела. Сделайте что-нибудь подобное в вашем css:

body { width: 800px; margin: 0 auto; }

Это должно зафиксировать тело на ширине 800 пикселей и центрировать его на странице. Узнайте, какое наименьшее разрешение используют ваши клиенты, и отрежьте примерно 50 пикселей от него для полос прокрутки и небольшого поля и используйте его для своей ширины.

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

Answer 3

Я использовал все методы, описанные в других ответах: полностью изменяющуюся ширину, которая пытается соответствовать размеру браузера пользователя, и фиксированную ширину, которая остается неизменной независимо.

Одним из решений, которое я использовал довольно успешно в последнее время, было объединение двух. Используя CSS и Javascript, я указал максимальную ширину И минимальную ширину для страниц. Это позволило немного расширить страницу для тех, кто работает с более высоким разрешением, и в то же время я могу поддерживать некоторый порядок для более низких разрешений, следя за тем, чтобы все не было слишком сжато.

Ключ к ЗНАНИЮ вашей типичной аудитории. Благодаря аналитике мы знаем, что более 50% наших пользователей используют разрешения от 800 x 600 до 1024 x 768, поэтому мы стараемся ориентироваться на эти разрешения. Гибридный макет позволяет нам создавать страницы, которые соответствуют этим разрешениям, и в то же время несколько расширяются, чтобы уменьшить пустое пространство на больших экранах (более высокие разрешения).

Answer 4

Я нашел инструмент размера браузера от Google полезным в прошлом.Возможно, вы захотите установить для тела вашей страницы то, что, по вашему мнению, будет самой низкой общей фиксированной шириной вашей пользовательской базы.Инструмент размера браузера поможет вам максимально использовать это пространство.

Answer 5

Мое предложение №1: не ждите, чтобы попробовать вашу страницу с разными разрешениями. Это должно быть частью вашего процесса разработки.Если вы знаете , что у ваших пользователей будет меньше окно браузера, чем у вас, поставьте себя на место и проведите большую часть тестирования с небольшим окном.Это как тестирование в других браузерах;не думайте, что в IE6 все будет выглядеть и работать нормально.

Эта проблема не относится к ASP.NET.Ваши элементы управления - это только разметка и стилизация, поэтому в конце дня они должны работать вместе, чтобы страница не была явно «сломана» при уменьшении.

Выберите минимальное разрешение экрана, которое вы хотитеподдержите и сделайте набросок, который покажет, как все будет вписываться в доступное пространство.Фиксированная ширина значительно упрощает работу, если вы еще не очень знакомы с CSS.