HTML размер страницы стандарт

Question

какова стандартная ширина html-страницы сегодня? я знаю, что это изменилось с 10 лет назад, когда у людей были разные мониторы и т. д. что это за 2009 год?

Спасибо!

Answer 1

Немного меньше , чем 1024 пикселя, для размещения полосы прокрутки. 960 популярен, потому что его легко делить на множество других чисел, чтобы сделать макеты сетки.

Answer 2

Я бы сделал 1024x768, но убедитесь, что он масштабируется или показывает наиболее важные элементы в лунке 800x600

Answer 3

Зависит от аудитории. Также это, вероятно, дублирующий вопрос, потому что я ответил на него раньше. По сути, я думаю, что американские потребители могут быть ориентированы на ширину 1024 пикселей, а международные и корпоративные пользователи - шириной 800 пикселей.

Answer 4

Помните, что не все из нас максимально используют наши веб-браузеры. Сделайте это гибким.

Answer 5

Если сомневаетесь, скопируйте Yahoo. Некоторое время назад они переключились на разрешение экрана не менее 1024x768. Я проверил аналитику на своих профессиональных сайтах, и у большинства из них <3% составляет пользовательская база 800x600. </p>

Также рассмотрим популярность макетов шириной 960 пикселей, как продемонстрировал проект 960 . Я бы сказал, что в качестве минимального разрешения монитора вы можете использовать разрешение 1024x768, если только вы специально не разрабатываете для восьмидесятилетних людей и людей с нарушениями зрения.

Answer 6

Я думаю, довольно безопасно предположить, что 800x600 является минимальным разрешением. Так что прицеливание или минимальная общая ширина, скажем, 760, должны быть хорошими.

Макс - это другая история; CSS-фреймворки, такие как 960.gs, используют общие фиксированные максимумы, но в целом можно сказать и многое о ширине жидкости.

Одна из проблем с текучестью состоит в том, что для больших разрешений строки текста становятся длиннее и все менее читаемыми, поэтому вы можете сделать следующее: текстовые элементы с фиксированной шириной, возможно от 350 до 400 пикселей, а остальные в ems или процентах. 1005 *

Answer 7

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

Согласно Google Analytics (во всяком случае, на моих страницах), есть несколько показов, где люди используют 800x600, но я не слишком беспокоюсь о таком небольшом проценте.

Answer 8

вы обычно в безопасности с 1024x768

Answer 9

Вам может понравиться какой-нибудь код? Вот, пожалуйста ...

body
{
    margin: 0px;
    padding: 0px;
    font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
}

#mr-workspace
{
    width:982px;
    margin-right:auto;
    margin-left:auto;
}

#mr-top-pane
{
   position: relative;
   left: 0px;
   width:982px;
   background-color:#000000;
}

#mr-left-pane
{
   position: relative;
   float: left;
   left: 0px;
   width: 180px;
   background-color:#FF0000;
   min-height:600px;
}

#mr-center-pane
{
   position: relative;
   float: left;
   left: 0px;
   width: 560px;
   background-color:#EAEAEA;
   border-right:1px solid #666666;
   border-left:1px solid #666666;   
}

#mr-right-pane
{
   position: relative;
   float: left;
   left: 0px;
   width: 240px;
   background-color:#FF0000;
}

#mr-bottom-pane
{
   position:relative;
   left: 0px;
   width:982px;
   background-color:#999999;
   clear:both;
}

КОД HTML:

<div id="mr-workspace">
  <div id="mr-bodyContainer">
    <div id="mr-titlerow"></div>
      <div id="mr-mainarea">
        <div id="mr-top-pane">
          TOP
        </div>
      <div id="mr-left-pane">
      LEFT
      </div>
      <div id="mr-center-pane">
        <video src="movie.ogg" controls="controls">
             your browser does not support the video tag
        </video>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean at commodo nunc. Aliquam feugiat urna in ipsum varius et fermentum massa ullamcorper. Donec sed nisi quis lorem pharetra imperdiet. Quisque dictum vehicula ipsum ac laoreet. Morbi ultricies viverra rhoncus. In felis mauris, porttitor id imperdiet vitae, eleifend at elit. Donec consequat sodales odio et iaculis. Aliquam fringilla ipsum a magna convallis auctor. Etiam semper magna at urna egestas non tempor nunc consectetur. Nam vestibulum tincidunt odio vitae facilisis.</p>
      </div>
      <div id="mr-right-pane">
      RIGHT
      </div>
      <div id="mr-bottom-pane">
      Bottom
      </div>
    </div>
  </div>
</div>