Главная / Разное / Соответствие ширины резины и ширины диска: Таблица соответствия шин и дисков по размерам

Соответствие ширины резины и ширины диска: Таблица соответствия шин и дисков по размерам

Posted on by alexxlab

Содержание

Таблица соответствия шин и дисков по размерам

Высота шины Типоразмер шины Размер диска
Рекоменд. Мин. Макс.
Больше 12 дюймов
82 125R12
135R12
145R12
155R12 		3,5
4.0
4.0
4.5 		3.0
3,5
3,5
4.0 		4.0
4,5
5.0
5.0
70 145/70R12
155/70R12 		4,5
4,5 		4.0
4.0 		5.0
5,5
Больше 13 дюймов
82 145R13
155R13
165R13
175R13 		4.0
4,5
4,5
5.0 		3,5
4.0
4.0
4,5 		5.0
5,5
5,5
6.0
80
135/80R13
145/80R13
155/80R13
165/80R13 		3,5
4.0
4,5
4,5 		3,5
3,5
4.0
4.0 		4,5
5,0
5,5
5,5
70 135/70R13
145/70R13
155/70R13
165/70R13
175/70R13
185/70R13
195/70R13 		4.0
4,5
4,5
5.0
5.0
5,5
6,0 		3,5
4,0
4.0
4,5
5.0
5,0
5,2 		4,5
5,0
5,5
6.0
6.0
6,5
7,0
65 155/65R13
165/65R13
175/65R13 		4,5
5,0
5,0 		4,0
4,5
5,0 		5,5
6,0
6,0
60 175/60R13
185/60R13
205/60R13 		5.0
5,5
6,0 		5.0
5,5
5 ,5 		6.0
6 ,5
7 ,
55 195/55R13 6,0 5,5 7,0
Больше 14 дюймов
82 145R14
155R14
165R14
175R14
185R14 		4,0
4,5
4,5
5,0
5,5 		3,5
4,0
4,0
4,5
4,5 		5,0
5,0
5,5
6,0
6,0
80 175/80R14
185/80R14 		5,0
5,0 		4,5
5,0 		5,5
6,0
70 165/70R14
175/70R14
185/70R14
195/70R14
205/70R14 		5,0
5,0
5,5
6,0
6,0 		4,5
5,0
5,0
5,5
5,5 		6,0
6,0
6,5
7,0
7,5
65 155/65R14
165/65R14
175/65R14
185/65R14
195/65R14 		4,5
5,0
5,0
5,5
6,0
4,0
4,5
5,0
5,0
5,5 		5,5
6,0
6,0
6,5
7,0
60 165/60R14
175/60R14
185/60R14
195/60R14
205/60R14 		5,0
5,0
5,5
6,0
6,0 		4,5
5,0
5,0
5,5
5,5 		6,0
6,0
6,5
7,0
7,5
55 185/55R14
205/55R14 		6,0
6,5 		5,0
5,5 		6,5
7,5
Больше 15 дюймов
82 125R15
135R15
145R15
155R15
165R15
185R15 		3,5
4,0
4,0
4,5
4,5
5,5 		3,0
3,5
3,5
4,0
4,0
4,5 		4,0
4,5
5,0
5,0
5,5
6,0
80 185/80R15 5,5
4,5 		6,0
70 175/70R15
195/70R15
235/70R15 		5,0
6,0
7,0 		5,0
5,5
6,5 		6,0
7,0
8,5
65 185/65R15
195/65R15
205/65R15
215/65R15
225/65R15 		5,5
6,0
6,0
6,5
6,5 		5.0
5,5
5,5
6,0
6,0 		6,5
7,0
7,5
7,5
8,0
60 195/60R15
205/60R15
215/60R15
225/60R15 		6,0
6,0
6,5
6,5 		5,5
5,5
6,0
6,0 		7,0
7,5
8,0
8,0
55 185/55R15
195/55R15
205/55R15
225/55R15 		6,0
6,0
6,5
7,0 		5,0
5,5
5,5
6,0 		6,5
7,0
7,5
8,0
50 		195/50R15
205/50R15
225/50R15 		6,0
6,5
7,0 		5,5
5,5
6,0 		7,0
7,5
8,0
45 195/45R15 6,5 6,0 7,5
Больше 16 дюймов
65 215/65R16 6,5 5,5 7,5
60 225/60R16
235/60R16 		6,5
7,0 		6,0
6,5 		8,0
8,5
55 205/55R16
225/55R16
245/55R16 		6,5
7,0
7,5 		5,5
6,0
7,0 		7,5
8,0
8,5
50 205/50R16
225/50R16
235/50R16
255/50R16 		6,5
7,0
7,5
8,0 		5,5
6,0
6,5
7,0 		7,5
8,0
8,5
9,0
45 195/45R16
205/45R16
225/45R16
245/45R16 		6,5
7,0
7,5
8,0 		6,0
6,5
7,0
7,5 		7,5
7,5
8,5
9,0
40 215/40R16
225/40R16 		7,5
8,0 		7,0
7,5 		8,5
9,0
Больше 17 дюймов
55 225/55R17 7,0 6,0 8,0
50 205/50R17
215/50R17 		6,5
7,0 		5,5
6,0 		7,5
7,5
45 215/45R17
225/45R17
235/45R17
245/45R17
255/45R17 		7,0
7,5
8,0
8,0
8,5 		7,0
7,0
7,5
7,5
8,0 		8,5
8,5
9,0
9,0
9,5
40 215/40R17
235/40R17
245/40R17
255/40R17
265/40R17
275/40R17
285/40R17 		7,5
8,5
8,5
9,0
9,5
9,5
10,0 		7,0
8,0
8,0
8,5
9,0
9,0
8,5 		8,5
9,5
9,5
10,0
10,5
11,0
11,0
35 245/35R17
265/35R17
335/35R17 		8,5
9,5
11,5 		8,0
9,0
11,0 		9,5
10,5
13,0
Больше 18 дюймов
50 235/50R18 7,5 6,5 8,5
45 255/45R18 8,5 8,0 9,5
40 225/40R18
235/40R18
245/40R18
265/40R18 		8,0
8,0
8,5
9,5 		7,5
7,5
8,0
9,0 		9,0
9,0
9,5
10,5
35 285/35R18
295/35R18 		10,0
10,5 		9,5
10,0 		11,0
11,5
30 325/30R18 12,0 11,0 13,0
Больше 20 дюймов
40 245/40R20 9,0 8,0 9,5
35 275/35R20 10,0 9,0 11,0

Таблица соответствия шин и дисков по размерам

Высота шины Типоразмер шины Размер диска
Рекоменд. Мин. Макс.
Больше 12 дюймов
82 125R12
135R12
145R12
155R12 		3,5
4.0
4.0
4.5 		3.0
3,5
3,5
4.0 		4.0
4,5
5.0
5.0
70 145/70R12
155/70R12 		4,5
4,5 		4.0
4.0 		5.0
5,5
Больше 13 дюймов
82 145R13
155R13
165R13
175R13 		4.0
4,5
4,5
5.0 		3,5
4.0
4.0
4,5 		5.0
5,5
5,5
6.0
80 135/80R13
145/80R13
155/80R13
165/80R13 		3,5
4.0
4,5
4,5 		3,5
3,5
4.0
4.0 		4,5
5,0
5,5
5,5
70 135/70R13
145/70R13
155/70R13
165/70R13
175/70R13
185/70R13
195/70R13 		4.0
4,5
4,5
5.0
5.0
5,5
6,0 		3,5
4,0
4.0
4,5
5.0
5,0
5,2 		4,5
5,0
5,5
6.0
6.0
6,5
7,0
65 155/65R13
165/65R13
175/65R13 		4,5
5,0
5,0 		4,0
4,5
5,0 		5,5
6,0
6,0
60 175/60R13
185/60R13
205/60R13 		5.0
5,5
6,0 		5.0
5,5
5 ,5 		6.0
6 ,5
7 ,
55 195/55R13 6,0 5,5 7,0
Больше 14 дюймов
82 145R14
155R14
165R14
175R14
185R14 		4,0
4,5
4,5
5,0
5,5 		3,5
4,0
4,0
4,5
4,5 		5,0
5,0
5,5
6,0
6,0
80 175/80R14
185/80R14 		5,0
5,0 		4,5
5,0 		5,5
6,0
70 165/70R14
175/70R14
185/70R14
195/70R14
205/70R14 		5,0
5,0
5,5
6,0
6,0 		4,5
5,0
5,0
5,5
5,5 		6,0
6,0
6,5
7,0
7,5
65 155/65R14
165/65R14
175/65R14
185/65R14
195/65R14 		4,5
5,0
5,0
5,5
6,0 		4,0
4,5
5,0
5,0
5,5 		5,5
6,0
6,0
6,5
7,0
60 165/60R14
175/60R14
185/60R14
195/60R14
205/60R14 		5,0
5,0
5,5
6,0
6,0 		4,5
5,0
5,0
5,5
5,5 		6,0
6,0
6,5
7,0
7,5
55 185/55R14
205/55R14 		6,0
6,5 		5,0
5,5 		6,5
7,5
Больше 15 дюймов
82 125R15
135R15
145R15
155R15
165R15
185R15 		3,5
4,0
4,0
4,5
4,5
5,5 		3,0
3,5
3,5
4,0
4,0
4,5 		4,0
4,5
5,0
5,0
5,5
6,0
80 185/80R15 5,5 4,5 6,0
70 175/70R15
195/70R15
235/70R15 		5,0
6,0
7,0 		5,0
5,5
6,5 		6,0
7,0
8,5
65 185/65R15
195/65R15
205/65R15
215/65R15
225/65R15 		5,5
6,0
6,0
6,5
6,5 		5.0
5,5
5,5
6,0
6,0 		6,5
7,0
7,5
7,5
8,0
60 195/60R15
205/60R15
215/60R15
225/60R15 		6,0
6,0
6,5
6,5 		5,5
5,5
6,0
6,0 		7,0
7,5
8,0
8,0
55 185/55R15
195/55R15
205/55R15
225/55R15 		6,0
6,0
6,5
7,0 		5,0
5,5
5,5
6,0 		6,5
7,0
7,5
8,0
50 195/50R15
205/50R15
225/50R15 		6,0
6,5
7,0 		5,5
5,5
6,0 		7,0
7,5
8,0
45 195/45R15 6,5 6,0 7,5
Больше 16 дюймов
65 215/65R16 6,5 5,5 7,5
60 225/60R16
235/60R16 		6,5
7,0 		6,0
6,5 		8,0
8,5
55 205/55R16
225/55R16
245/55R16 		6,5
7,0
7,5 		5,5
6,0
7,0 		7,5
8,0
8,5
50 205/50R16
225/50R16
235/50R16
255/50R16 		6,5
7,0
7,5
8,0 		5,5
6,0
6,5
7,0 		7,5
8,0
8,5
9,0
45 195/45R16
205/45R16
225/45R16
245/45R16 		6,5
7,0
7,5
8,0 		6,0
6,5
7,0
7,5 		7,5
7,5
8,5
9,0
40 215/40R16
225/40R16 		7,5
8,0 		7,0
7,5 		8,5
9,0
Больше 17 дюймов
55 225/55R17 7,0 6,0 8,0
50 205/50R17
215/50R17 		6,5
7,0 		5,5
6,0 		7,5
7,5
45 215/45R17
225/45R17
235/45R17
245/45R17
255/45R17 		7,0
7,5
8,0
8,0
8,5 		7,0
7,0
7,5
7,5
8,0 		8,5
8,5
9,0
9,0
9,5
40 215/40R17
235/40R17
245/40R17
255/40R17
265/40R17
275/40R17
285/40R17 		7,5
8,5
8,5
9,0
9,5
9,5
10,0 		7,0
8,0
8,0
8,5
9,0
9,0
8,5 		8,5
9,5
9,5
10,0
10,5
11,0
11,0
35 245/35R17
265/35R17
335/35R17 		8,5
9,5
11,5 		8,0
9,0
11,0 		9,5
10,5
13,0
Больше 18 дюймов
50 235/50R18 7,5 6,5 8,5
45 255/45R18 8,5 8,0 9,5
40 225/40R18
235/40R18
245/40R18
265/40R18 		8,0
8,0
8,5
9,5 		7,5
7,5
8,0
9,0 		9,0
9,0
9,5
10,5
35 285/35R18
295/35R18 		10,0
10,5 		9,5
10,0 		11,0
11,5
30 325/30R18 12,0 11,0 13,0
Больше 20 дюймов
40 245/40R20 9,0 8,0 9,5
35 275/35R20 10,0 9,0 11,0

Шинный калькулятор онлайн, сравнение шин и дисков

Профиль

Ширина

Диаметр

С помощью этого шинного калькулятора вы легко можете посчитать как изменятся: внешние размеры колеса, высота дорожного просвета (клиренс), показания спидометра и другие характеристики, при установке шин с другим типоразмером на ваш автомобиль.

Как пользоваться:

Введите сначала типоразмер установленный на вашем автомобиле, а затем тот, который вы хотите установить.
В таблице снизу будут показаны результаты расчетов.

Типоразмер старой шины

Ширина

100110120125130135140145150155160165170175180185190195205215225235240245255260265275285290295300305315325335340345355

Профиль

1010.510011.512.513.514.515.525303540400455055560606006570758.5808599.59095999

Диаметр

891011121314151616171718191920212222232424252628323846533685
Типоразмер новой шины

Ширина

100110120125130135140145150155160165170175180185190195205215225235240245255260265275285290295300305315325335340345355

Профиль

1010.510011.512.513.514.515.525303540400455055560606006570758.5808599.59095999

Диаметр

891011121314151616171718191920212222232424252628323846533685

Результаты расчетов:

РазмерыСтарыйНовыйИзменение
Ширина шины, мм
Высота профиля, мм
Диаметр диска, мм
Общий диаметр шины, мм
Изменение клиренса, мм 

Результаты изменения размера шин:

лучше внешний вид сзади (субъективно)

улучшится сцепление с дорогой и торможение (лето)

увеличится срок службы шины

незначительно увеличится расход топлива

есть риск затирания подкрылков (уточняйте на сервисе)

возможно незначительное увеличение уровня шума

улучшится сцепление на льду и снегу

незначительно уменьшится расход топлива

уменьшится уровень шума

ухудшится сцепление с дорогой (лето)

сократится срок службы шины

машина станет мягче

меньше риск повредить шину или диск на ямах

машина хуже держит дорогу на скорости и в поворотах

улучшается управляемость автомобиля

машина станет жестче

больше риск повредить диск или шину на ямах

более комфортная езда на ямах и по бездорожью

ухудшится управляемость на скорости

есть риск затирания подкрылков (уточняйте на сервисе)

спидометр будет показывать скорость меньше реальной

счетчик пробега будет показывать пробег меньше реального

улучшится управляемость на скорости

менее комфортная езда на ямах и по бездорожью

спидометр будет показывать скорость больше реальной

счетчик пробега будет показывать пробег больше реального

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

Какой диск подойдет для новой шины

При подборе дисков для вашего автомобиля необходимо точно знать минимальную и максимальную ширину диска подходящую для данного типоразмера шины.

Диаметр диска, дюймы:13

Минимальная и максимальная ширина диска, дюймы:5…6,5

Подобрать подходящие диски:

Как узнать ширину обода диска

Замена автомобильных дисков — процедура не ежегодная. Состояние отечественных дорог, последствия ДТП, многолетний пробег — какие бы негативные факторы не повлияли на ваши колеса, общий итоговый результат: замена. При подборе новых дисков нужно не только определиться с типом изделия, но и учесть все значимые параметры диска. И здесь перед автовладельцем встают вопросы: как узнать ширину обода диска, как узнать диаметр ступицы на диске и другие важные характеристики.


Зачем нужно учитывать параметры дисков


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

  • диски просто не подойдут по размерам, их будет невозможно установить;

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

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

Автомобильный диск: параметры


Какие характеристики должны интересовать владельца авто в первую очередь? Основные значимые параметры колесных дисков:

  1. Диаметр диска – монтажный посадочный диаметр кольцевой/наружной части обода. Обозначается в дюймах.

  2. Ширина диска, посадочная ширина обода колеса. Определяет ширину устанавливаемой шины. Показатель обозначается в дюймах.

  3. DIA – диаметр отверстия под ступицу колеса. Значение определяется в мм.

  4. ET – вылет диска в мм. Определяет глубину утопления колеса в автомобильной арке.

  5. Количество крепежных отверстий. Должно точно соответствовать штатной величине для надежной фиксации автомобильного колеса на ступице.

  6. PCD – диаметр расположения крепежных отверстий. В отношении этой величины необходима высокая точность измерений! Отклонения не допускаются.


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


Так ли все сложно на самом деле? Разберемся подробнее и ответим на вопросы автомобилистов.

Заводская маркировка: где искать, как выглядит


Обычно нет необходимости измерять все параметры собственноручно. Но как узнать ширину обода литого диска или диаметр диска автомобиля, не производя замеров? Производители авто указывают нужные параметры на оригинальных фирменных дисках. Маркировка стандартная, единая для стальных и литых дисков.


Достаньте из багажника запаску или снимите колесо с машины. Прочтите надписи, чаще всего на внутренней стороне диска. Как правило, там указано 3 основных параметра: диаметр, ширина и вылет. Например: 5,5J х 13, где первое значение 5,5J — показатель ширины диска в дюймах, а второе — диаметр, тоже в дюймах. Надпись ET35: значение вылета в миллиметрах — 35. Вместо ET встречается обозначение OFFSET либо DEPORT — зависит от страны-производителя.


Также может быть нанесена маркировка, к примеру, d54.1, что значит DIA — размер отверстия под ступицу 54,1 мм. Эта надпись отвечает на вопрос как узнать внутренний диаметр диска и даже как узнать размер ступицы на диске — ищите такую маркировку, это важно.

Если присутствуют числа, скажем 5×120, тогда вам известно количество посадочных болтов (5) и PCD — диаметр их расположения (120 мм).

Инструкция по эксплуатации или собственноручные замеры

Еще проще владельцу авто при наличии инструкции по эксплуатации ТС. Алгоритм действий очень прост: открываем, изучаем, выбираем новые диски в соответствии с рекомендациями производителя. Ошибиться в этом случае практически невозможно.


Однако не всем автомобилистам так повезло. Допустим, инструкции нет, машина возрастная, а неродные диски установлены еще прежним хозяином — тогда информация отсутствует в принципе. Ничего страшного. На этот случай всегда есть запасной план. А именно — самостоятельные действия.

Как определить параметры диска самостоятельно

Провести измерения самостоятельно не так сложно, как кажется.

  • Проще всего подсчитать количество крепежных отверстий — от 3 до 6.

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

  • Параметр PCD: как узнать диаметр расположения отверстий на дисках? Сначала проводятся измерения штангенциркулем, далее — расчеты с применением специальных формул.

В таблице можно посмотреть, какие значения PCD применяются к различным маркам легковых авто.

Значение PCD в мм

Марки легкового автомобиля

98

Citroen, Fiat, Alfa-Romeo, LADA, Lancia, Peugeot, Skoda, Seat

100

Audi, Cooper, BMW, Chrysler, Citroen, Chevrolet, Daewoo, Daihatsu, Fiat, Hyundai, Honda, Jeep, Kia, Mitsubishi, Nissan, Mazda, Opel, Proton, Renault,Rover, Subaru, Peugeot, Skoda, Seat, Suzuki, Volkswagen, Toyota

108

Audi, Ford, Citroen, Mazda, Land Rover, Peugeot, Jaguar, Renault, Volvo, Saab

110

Opel, Fiat, Alfa-Romeo, Saab

112

Audi, Ford, Chrysler, Mercedes-Benz, MCC-Smart, Skoda, Volkswagen, Seat

114,3

Chevrolet, Citroen, Chrysler, Daewoo, Daihatsu, Dodge, Jeep, Fiat, Ford, Hyundai, Honda, Lexus, Kia, MCC-Smart, Land Rover, Mitsubishi, Mazda, Nissan, Peugeot, Rover, Renault, Subaru, Suzuki, Volvo, Toyota

115

Chrysler, Chevrolet, Opel

118

Citroen, Nissan, Fiat, Peugeot, Renault, Opel

120

BMW, Volkswagen, Hyundai

120,7

Jaguar

Допустимые отклонения



Для отдельных параметров допустимы определенные отклонения без отрицательного воздействия на управляемость автомобилем и

состояние подвески.

  • Диаметр диска. На легкосплавных дисках допускается увеличение размера на 1 дюйм.

  • Ширина диска. Допустимое отклонение – 0,5 дюйма.

  • DIA – размер центрального отверстия должен в идеале соответствовать диаметру ступицы. Допустимое отклонение до +0,3 мм.

  • ET – желательно соблюдение штатных размеров. Допустимо изменение вылета до +/- 2 мм.

Обратите внимание! Параметр PCD определяется с абсолютной точностью. Количество крепежных отверстий должно точно соответствовать заявленным значениям. Погрешности не допускаются.

Выводы


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

При подборе новых колесных дисков учитывайте 6 основных параметров. А также рекомендации производителя для вашей модели авто.

  1. Подробно изучите инструкцию по эксплуатации – так проще всего найти необходимые характеристики.

  2. Нет инструкции, но автомобиль укомплектован фирменными дисками – посмотрите маркировку на внутренней стороне диска.

  3. Недостающие значения определите самостоятельно. Будьте внимательны к тем показателям, измерения которых не допускают погрешностей.

Выбирайте правильные диски для вашего автомобиля.


Как подобрать шины к диску — Полезные статьи на сайте компании

GOODYEAR Ваш город: Москва и Московская область Меню Закрыть меню
  • Шины Назад
    • Летние Назад
      • R15
      • R16
      • R17
      • R18
      • R19
      • R20

Соответствие размеров шин и дисков на легковых авто

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

Чтобы максимально точно подобрать резину к дискам, следует предварительно изучить маркировку дисков:

Маркировка диска с размерными показателями R13 4×98 ET35 J5 D58.6

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

Таблица соответствия шин и дисков

Для легковых автомобилей
Диаметр диска Размер шины Ширина обода диска (в дюймах)
Минимальная Рекомендуемая Максимальная
Ширина профиля 80
13″ 135/80R13 3,5 3,5 4,5
145/80R13 3,5 4 5
155/80R13 3 4,5 5
165/80R13 4 4,5 5,5
165R13 4,5 5 6
14″ 175/80R14 4,5 5 6
185/80R14 4,5 5 6
Ширина профиля 70
13″ 135/70R13 3,5 4 4,5
145/70R13 3,5 4,5 5
155/70R13 4 4,5 5
165/70R13 4 5 5,5
175/70R13 4,5 5 6
185/70R13 4,5 5,5 6
14″ 165/70R14 4 5 5,5
175/70R14 4,5 5 6
185/70R14 4,5 5,5 6
195/70R14 5 6 6,5
Ширина профиля 65
13″ 155/65R13 4,5 4,5 5,5
165/65R13 4,5 5 6
175/65R13 5 5 6
14″ 155/65R14 4,5 4,5 5,5
165/65R14 4,5 5 6
175/65R14 5 5 6
185/65R14 5 5,5 6,5
195/65R14 5,5 6 7
15″ 145/65R15 4 4,5 5
155/65R15 4,5 4,5 5
165/65R15 4,5 5 6
175/65R15 5 5 6
185/65R15 5 5,5 6,5
195/65R15 5,5 6 7
205/65R15 5,5 6 7,5
215/65R15 6 6,5 7,5
16″ 215/65R16 6 6,5 7,5
17″ 235/65R17 6,5 7 8,5
18″ 235/65R18 6,5 7 8,5
Ширина профиля 60
14″ 165/60R14 4,5 5 6
175/60R14 5 5 6
185/60R14 5 5,5 6,5
195/60R14 5,5 6 7
15″ 175/60R15 5 5 6
185/60R15 5 5,5 6,5
195/60R15 5,5 6 7
205/60R15 5,5 6 7,5
225/60R15 6 6,5 8
16″ 205/60R16 5,5 6 7,5
215/60R16 6 6,5 7,5
225/60R16 6 6,5 8
235/60R16 6,5 7 8,5
17″ 225/60R17 6 6,5 8
Ширина профиля 55
14″ 185/55R14 5 6 6,5
15″ 175/55R15 5 5,5 6
185/55R15 5 6 6,5
195/55R15 5,5 6 7
205/55R15 5,5 6,5 7,5
225/55R15 6 7 8
16″ 195/55R16 5,5 6 7
205/55R16 5,5 6,5 7,5
215/55R16 6 7 7,5
225/55R16 6 7 8
245/55R16 7 7,5 8,5
17″ 205/55R17 5,5 6,5 7,5
215/55R17 6 7 7,5
225/55R17 6 7 8
235/55R17 6,5 7,5 8,5
245/55R17 7 7,5 8,5
255/55R17 7 8 9
Ширина профиля 50
15″ 195/50R15 5,5 6 7
205/50R15 5,5 6,5 7,5
225/50R15 6 7 8
16″ 185/50R16 5 6 6,5
195/50R16 5,5 6 7
205/50R16 5,5 6,5 7,5
215/50R16 6 7 7,5
225/50R16 6 7 8
235/50R16 6,5 7,5 8,5
245/50R16 7 7,5 8,5
255/50R16 7 8 9
17″ 205/50R17 5,5 6,5 7,5
215/50R17 6 7 7,5
225/50R17 6 7 8
235/50R17 6,5 7,5 8,5
18″ 235/50R18 6,5 7,5 8,5
245/50R18 7 7,5 8,5
19″ 275/50R19 7,5 8,5 9,5
Ширина профиля 45
15″ 195/45R15 6 6,5 7,5
16″ 195/45R16 6 6,5 7,5
205/45R16 6,5 7 7,5
215/45R16 7 7 8
225/45R16 7 7,5 8,5
245/45R16 7,5 8 9
17″ 205/45R17 6,5 7 7,5
215/45R17 7 7 8
225/45R17 7 7,5 8,5
235/45R17 7,5 8 9
245/45R17 7,5 8 9
255/45R17 8 8,5 9,5
18″ 215/45R18 7 7 8
225/45R18 7 7,5 8,5
235/45R18 7,5 8 9
245/45R18 7,5 8 9
255/45R18 8 8,5 9,5
275/45R18 8,5 9 10,5
19″ 245/45R19 7,5 8 9
20″ 275/45R20 8,5 9 10,5
Ширина профиля 40
16″ 215/40R16 7 7,5 8,5
17″ 205/40R17 7 7,5 8
215/40R17 7 7,5 8,5
235/40R17 8 8,5 9,5
245/40R17 8 8,5 9,5
255/40R17 8,5 9 10
265/40R17 9 9,5 10,5
275/40R17 9 9,5 11
285/40R17 9 10 11
18″ 205/40R18 7 7,5 8
225/40R18 7,5 8 9
235/40R18 8 8,5 9,5
245/40R18 8 8,5 9,5
255/40R18 8,5 9 10
265/40R18 9 9,5 10,5
275/40R18 9 9,5 11
285/40R18 9,5 10 11
19″ 225/40R19 7,5 8 9
245/40R19 8 8,5 9,5
255/40R19 8,5 9 10
275/40R19 9 9,5 11
20″ 245/40R20 8 8,5 9,5
Ширина профиля 35
17″ 225/35R17 7,5 8 9
265/35R17 9 9,5 10,5
335/35R17 11 12 13
18″ 215/35R18 7 7,5 8,5
225/35R18 7,5 8 9
235/35R18 8 8,5 9,5
255/35R18 8,5 9 10
265/35R18 9 9,5 10,5
275/35R18 9 9,5 11
285/35R18 9,5 10 11
295/35R18 10 10,5 11,5
345/35R18 11,5 12 13,5
19″ 225/35R19 7,5 8 9
235/35R19 8 8,5 9,5
245/35R19 8 8,5 9,5
255/35R19 8,5 9 10
265/35R19 9 9,5 10,5
275/35R19 9 9,5 11
285/35R19 9,5 10 11
295/35R19 10 10,5 11,5
20″ 245/35R20 8 8,5 9,5
255/35R20 8,5 9 10
275/35R20 9 9,5 11
21″ 245/35R21 8 8,5 9,5
255/35R21 8,5 9 10
Ширина профиля 30
18″ 285/30R18 9,5 10 10,5
295/30R18 10 10,5 11
315/30R18 10,5 11 11,5
335/30R18 11,5 12 12,5
345/30R18 11,5 12 12,5
19″ 265/30R19 9 9,5 10
275/30R19 9 9,5 10
285/30R19 9,5 10 10,5
295/30R19 10 10,5 11
305/30R19 10,5 11 11,5
345/30R19 11,5 12 12,5
20″ 235/30R20 8,5 8,5 9,5
245/30R20 8,5 8,5 9,5
255/30R20 9 9 10
285/30R20 10 10 11
335/30R20 12 12 13
21″ 255/30R21 9 9 10
285/30R21 10 10 11
295/30R21 10 10,5 11
22″ 255/30R22 9 9 10
Ширина профиля 25
19″ 315/25R19 11 11,5 12
20″ 285/25R20   10,5  
295/25R20 10 10,5 11
325/25R20 11,5 12 12,5
21″ 295/25R21 10 10,5 11
22″ 295/25R22 10 10,5 11

медиа-запросов CSS: ширина по сравнению с шириной устройства

ширина по сравнению с шириной устройства

В среде CSS разница между шириной и device-width может быть немного запутанным, поэтому давайте немного поговорим об этом. device-width относится к ширине самого устройства, в других словами, разрешение экрана устройства. Допустим, ваш экран разрешение составляет 1440 x 900. Это означает, что экран имеет ширину 1440 пикселей, поэтому он имеет ширину устройства 1440 пикселей.Большинство мобильных телефонов имеют устройство шириной 480 пикселей или меньше, включая популярный iPhone 4 (с шириной устройства: 320 пикселей), несмотря на то, что технически он имеет разрешение 640 x 960. Это связано с дисплеем Retina в iPhone 4, на котором два пикселя устройства каждый пиксель CSS на экране. Это верно и для Ipad 3; его сообщил ширина устройства составляет 768 пикселей, как и его предшественники, хотя его фактическое разрешение экрана 1536px x 2048px. В целом ширина более универсальна когда дело доходит до создания отзывчивых веб-страниц, хотя ширина устройства полезна если вы хотите настроить таргетинг на мобильные устройства (а не настольные компьютеры с небольшое окно браузера, например), так как на настольных компьютерах редко бывает экран разрешение ниже определенного числа, например 320 x 480 пикселей.

Ниже показано разрешение экрана и размеры мультимедийных устройств CSS для некоторых популярных устройств. там:

CSS Размеры носителя
Устройство разрешение (px) ширина устройства / высота устройства (пикс.)
iPhone 320 х 480 320 x 480, как в портретном, так и в ландшафтном режиме
iPhone 4 640 x 960 320 x 480, как в портретном, так и в ландшафтном режиме. соотношение пикселей устройства равно 2
iPhone 5, 5s 640 x 1136 320 x 568 как в портретном, так и в ландшафтном режиме. соотношение пикселей устройства равно 2
iPhone 6 750 х 1334 375 x 667, как в портретном, так и в ландшафтном режиме. соотношение пикселей устройства равно 2
iPhone 6 плюс 1242 х 2208 414 x 736 как в портретном, так и в ландшафтном режиме. device-pixel-ratio is 3
iPad 1 и 2 768 x 1024 768 x 1024, как в портретном, так и в ландшафтном режиме
iPad 3 1536 x 2048 768 x 1024, как в портретном, так и в ландшафтном режиме

CSS плотность пикселей 2

Samsung Galaxy S I и II 480 x 800 320 x 533, в портретном режиме

Плотность CSS пикселей 1,5

Samsung Galaxy S III 720 x 1280 360? x 640 ?, в портретном режиме
HTC Evo 3D 540 x 960 360 x 640, портретный режим

Плотность CSS-пикселей равна 1.5

Amazon Kindle Fire 1024 x 600 1024 x 600, альбомный режим

Просто что еще больше усложняет ситуацию, в устройствах iPhone и iPad ширина устройства всегда соответствует ширине устройства в портретном режиме , независимо от того, находится ли устройство в этом режиме или альбомном вместо. У других устройств ширина его устройства меняется в зависимости от ориентация.

* Для более полный список устройств и их разрешений экрана, посетите эта страница.

Давайте посмотрим еще несколько медиа-запросов CSS, которые захватывают различных устройств и размеров экрана:

/ * #### Мобильные телефоны в портретной ориентации #### * /
@media screen и (max-device-width: 480 пикселей) и (ориентация: портрет) {
/ * здесь немного CSS * /
}

/ * #### Мобильные телефоны в альбомной ориентации #### * /
@media screen и (max-device-width: 640px) и (Ориентация: альбомная) {
/ * здесь немного CSS * /
}

/ * # ### Мобильные телефоны в книжной или горизонтальной ориентации #### * /
@media screen и (max-device-width: 640px) {
/ * здесь немного CSS * /
}

/ * #### iPhone 4+ Книжная или альбомная #### * /
@media screen и (min-device-width: 320px) и (-webkit-min-device-pixel-ratio: 2) {
/ * здесь немного CSS * /
}

/ * #### iPhone 5 Portrait or Landscape #### * /
@media (device-height: 568px) and (device-width: 320px) и (-webkit-min-device-pixel-ratio: 2) {
/ * здесь немного CSS * /
}

/ * #### iPhone 6 и 6 плюс книжная или альбомная ориентация #### * /
@media (min-device-height: 667px) and (min -device-width: 375px) и (-webkit-min-device-pixel-ratio: 3) {
/ * здесь немного CSS * /
}

/ * #### Планшеты, книжная или альбомная ориентация #### * /
@media screen и (min-device-width: 768px) и (max-device -width: 1024px) {
/ * здесь немного CSS * /
}

/ * #### Desktops #### * /
@media screen и (min-width: 1024px) {
/ * немного CSS здесь * /
}

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

Метатег области просмотра — ключ к подготовка страницы для оптимизации мобильных устройств

Media Queries: ширина и ширина устройства

Слишком часто я вижу, что люди не совсем понимают разницу между width и device-width (и расширяя это, другие примеры, такие как min-device-width и max-device-width ) при использовании медиа-запросов CSS.Это недоразумение приводит к плохому качеству кода и, в конечном итоге, к увеличению работы разработчика. Я довольно часто встречал этот вопрос на форумах SitePoint, поэтому решил, что пора дать дополнительные пояснения. Я коснусь этого, а также расскажу, какой вариант вам следует использовать при создании адаптивных веб-сайтов.

Основные определения

Давайте определимся, что мы имеем в виду, когда говорим о медиа-запросах на основе «ширины» и «ширины устройства». Следующие цитаты взяты из статьи MDN о медиа-запросах, а ниже приводится определение «ширины»:

Ширина Функция носителя описывает ширину поверхности визуализации устройства вывода (например, ширину окна документа или ширину страничного бокса на принтере).

И следующее определение MDN для «ширины устройства».

Описывает ширину устройства вывода (имеется в виду весь экран или страницу, а не только область визуализации, такую ​​как окно документа).

Так что это на самом деле означает? Ну, в общих чертах, width и device-width относятся к ширине устройства, а не к ширине области просмотра, которая может быть чем-то совершенно другим. Все, что вас по сути интересует, это ширина области просмотра независимо от устройства .

Однако основное различие между width и device-width заключается в том, что ширина устройства не всегда соответствует окну просмотра макета указанного устройства.

Многие планшеты и мобильные устройства не всегда содержат 1 пиксель устройства на пиксель CSS. Например, iPhone 4 имеет 2 пикселя устройства на пиксель CSS. Для справки, вы должны знать, что iPhone 4 имеет обычное окно просмотра макета экрана 640 × 960. Это означает, что в этом примере ширина устройства iPhone4 составляет 320 × 480.Это так, потому что Apple понимает, что не каждый веб-сайт создается адаптивно (позор им), и пытается угодить всем, имея ширину около 980 пикселей, чтобы обеспечить вид веб-сайта на рабочем столе. Это означает, что при отсутствии метатега области просмотра iPhone4 возьмет ваш веб-сайт, отобразит его так, как если бы он был шириной 980 пикселей, превратит его в дисплей с разрешением 320 пикселей и, как результат, будет уменьшен для пользователя.

Начало работы

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

Если у нас есть этот фрагмент кода на нашей веб-странице, если мы будем просматривать страницу с разных устройств, разные медиа-запросы смогут иметь правильный эффект. Без этого при просмотре страницы на конкретном устройстве будет просто отображаться уменьшенная версия вашей страницы; он будет пытаться втиснуть весь ваш веб-сайт на дисплей шириной 320 пикселей.Плохо для вас или ваших пользователей! Пользователям не нравится увеличивать масштаб для просмотра содержания вашего веб-сайта, и они, конечно же, не хотят иметь дело с вертикальной прокруткой, которая может возникнуть.

Например, возьмем iPhone 4 с шириной окна просмотра по умолчанию 980 пикселей. Без метатега ваша попытка медиа-запросов будет ужасно ошибочной, и она будет неправильно ссылаться на область просмотра по умолчанию. Большинство запросов к мобильным медиа ориентированы на 500 пикселей или меньше. Обычно это достигается с помощью простого медиа-запроса max-width .Без метатега этот запрос не вступит в силу, поскольку iPhone 4 по-прежнему будет отображать версию вашего веб-сайта шириной 980 пикселей. Взгляните на пример ниже:

  кузов {
  фон: белый;
}

@media screen и (min-width: 980px) {
  body {
    фон: красный;
  }
}

@media screen и (max-width: 979px) {
  body {
    фон: синий;
  }
}

@media screen и (max-width: 500 пикселей) {
  body {
    фон: зеленый;
  }
}

Ниже приведены две демонстрационные ссылки со скриншотами, снятыми с помощью iPhone 4.Обе страницы имеют указанный выше CSS, но одна использует метатег окна просмотра , а другая - нет. Обратите внимание, что если вы тестируете демонстрационные версии , вам необходимо протестировать на небольшом мобильном устройстве, чтобы увидеть правильные результаты .

Вот первая демонстрация (без метатега)

На приведенной выше странице не было метатега , и в результате фон красный и имитирует окно просмотра макета шириной 980 пикселей по умолчанию вместо использования запроса мобильного мультимедиа 500 пикселей!

Вот вторая демонстрация (с метатегом)

Теперь метатег на месте, и iOS правильно показывает страницу так, как мы хотим: он основан на ширине 320 пикселей и позволяет нашим медиа-запросам работать так, как мы ожидаем.

Почему выбирают ширина устройства ?

Я буду честен с самого начала и дам вам знать, что эта статья направлена ​​на , а не на с использованием ширины устройства . ширина устройства действительно имеет свое место; Если вы намерены настроить таргетинг на определенные устройства, то да, во что бы то ни стало, используйте шириной устройства .

С точки зрения CSS и RWD хороший веб-сайт - это веб-сайт, который по сути «не зависит от устройства» и не пытается удовлетворить ширину каждого отдельного устройства.Таргетинг на определенные точки останова для разных «типов» устройств (например, планшетов или мобильных устройств) достигается за счет сосредоточения внимания на том, как контент отображается при определенной ширине области просмотра, а затем внесения изменений с помощью медиа-запросов, если это необходимо. Таким образом, устройство не определяет точку останова, в отличие от макета и содержимого, и в конечном итоге это дает наилучшие результаты; как с вашей точки зрения, так и для ваших пользователей.

Возможно, именно поэтому я вижу людей, у которых возникают проблемы с созданием адаптивного дизайна, и они жалуются, насколько это сложно.Но если они пытаются стилизовать устройства индивидуально, они проигрывают битву: количество устройств, которые вам придется учитывать (если быть точным), слишком велико и просто приводит к плохому кодированию. Также я должен упомянуть, что если бы вы выбрали шириной устройства , вам также пришлось бы предоставить отдельные правила для ориентации (книжная или альбомная): ширина устройства не меняется просто потому, что вы поворачиваете устройство вбок. Это добавляет еще больше кода и вызывает больше головной боли!

Однако давайте посмотрим на другой вариант, который у нас есть.

А как насчет «ширины»?

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

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

Все, что вам нужно для полностью отзывчивой веб-страницы, - это гибкий веб-сайт и несколько хорошо нацеленных медиа-запросов, предназначенных для обычного диапазона мобильных устройств, планшетных устройств и окон просмотра. Я предпочитаю использовать Media Queries от Foundation, который, на мой взгляд, довольно точен и включает все необходимые области просмотра.

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

Для тестирования я использую расширение Chrome Responsive Web Design Tester. Он позволяет выбрать конкретное устройство, и вы увидите его размер и способ отображения страницы на этом устройстве.

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

В заключение

Планируете ли вы использовать шириной устройства в ваших медиа-запросах? Были ли мои аргументы недостаточно убедительными? Использование обычной «ширины» и области просмотра устройства упрощает адаптивный дизайн и, в конечном итоге, я считаю, что это лучший выбор, и то, что следует использовать почти исключительно. Не стесняйтесь оставлять комментарии в обсуждении ниже и сообщать мне свои мысли и согласны ли вы.

Размеры экрана и точки останова для адаптивного дизайна - приложения UWP

  • 2 минуты на чтение

В этой статье

Приложения

для Windows могут работать на любом устройстве под управлением Windows, включая телефоны, планшеты, настольные компьютеры, телевизоры и многое другое.Учитывая огромное количество целевых устройств и размеров экрана в экосистеме Windows 10, мы рекомендовали не оптимизировать пользовательский интерфейс для каждого устройства, а использовать несколько ключевых категорий ширины (также называемых «точками останова»):

  • Маленький (меньше 640 пикселей)
  • Среднее (от 641 до 1007 пикселей)
  • Большой (1008 пикселей и больше)

Подсказка

При проектировании для конкретных точек останова учитывайте объем экранного пространства, доступного для вашего приложения (окна приложения), а не размер экрана.Когда приложение работает в полноэкранном режиме, окно приложения имеет тот же размер, что и экран, но когда приложение не полноэкранное, окно меньше экрана.

Точки останова

В этой таблице описаны различные классы размера и точки останова.

От
Класс размеров Точки останова Типичный размер экрана (диагональ) Устройства Размеры окон
Малый 640 пикселей или меньше от 4 дюймов до 6 дюймов; От 20 дюймов до 65 дюймов Телефоны, телевизоры 320x569, 360x640, 480x854
Средний 641 пикселей до 1007 пикселей от 7 дюймов до 12 дюймов Фаблеты, планшеты 960x540
Большой 1008px или больше 13 дюймов и больше ПК, ноутбуки, Surface Hubs 1024x640, 1366x768, 1920x1080

Почему телевизоры считаются «маленькими»?

Хотя большинство телевизоров физически довольно большие (обычно от 40 до 65 дюймов) и имеют высокое разрешение (HD или 4k), проектирование для телевизора 1080P, который вы смотрите с расстояния 10 футов, отличается от дизайна для монитора 1080p, расположенного в футе. на вашем столе.Если учесть расстояние, 1080 пикселей телевизора больше похожи на 540-пиксельный монитор, который намного ближе.

Система эффективных пикселей

UWP автоматически учитывает расстояние просмотра. Когда вы указываете размер для элемента управления или диапазон точек останова, вы фактически используете «эффективные» пиксели. Например, если вы создаете адаптивный код для 1080 пикселей и выше, монитор 1080 будет использовать этот код, а телевизор 1080p - нет, потому что, хотя телевизор 1080p имеет 1080 физических пикселей, он имеет только 540 эффективных пикселей.Это делает проектирование для телевизора похожим на проектирование для телефона.

Число эффективных пикселей и масштабный коэффициент

Приложения

UWP автоматически масштабируют ваш пользовательский интерфейс, чтобы гарантировать, что ваше приложение будет читаемым на всех устройствах с Windows 10. Windows автоматически масштабируется для каждого дисплея в зависимости от его DPI (точек на дюйм) и расстояния просмотра устройства. Пользователи могут изменить значение по умолчанию, перейдя на страницу Настройки > Дисплей > Масштаб и макет страницы настроек .

Общие рекомендации

Маленький

  • Установите для левого и правого поля поля 12 пикселей, чтобы создать визуальное разделение между левым и правым краями окна приложения.
  • Закрепите панели приложений в нижней части окна для повышения доступности.
  • Используйте по одному столбцу / региону за раз.
  • Используйте значок для представления поиска (не показывать окно поиска).
  • Переведите панель навигации в режим наложения для экономии места на экране.
  • Если вы используете шаблон основных сведений, используйте режим презентации с накоплением, чтобы сэкономить место на экране.

Средний

  • Установите для левого и правого поля поля 24 пикселей, чтобы создать визуальное разделение между левым и правым краями окна приложения.
  • Поместите элементы команд, например панели приложений, вверху окна приложения.
  • Используйте до двух столбцов / регионов.
  • Показать поле поиска.
  • Переведите панель навигации в режим ленты, чтобы всегда отображалась узкая полоса значков.
  • Рассмотрите возможность дальнейшей адаптации для просмотра ТВ.

Большой

  • Установите для левого и правого поля поля 24 пикселей, чтобы создать визуальное разделение между левым и правым краями окна приложения.
  • Поместите элементы команд, например панели приложений, вверху окна приложения.
  • Используйте до трех столбцов / регионов.
  • Показать поле поиска.
  • Переведите панель навигации в закрепленный режим, чтобы она всегда отображалась.

Как сделать - Соотношение сторон / высота равна ширине

Узнайте, как сохранить соотношение сторон элемента с помощью CSS.

Соотношение сторон

Создавайте гибкие элементы с сохранением соотношения сторон (4: 3, 16: 9 и т. Д.).) при изменении размера:

Что такое соотношение сторон?

Соотношение сторон элемента описывает пропорциональное соотношение между его шириной и его высотой. Два распространенных соотношения сторон видео - 4: 3. (универсальный формат видео 20-го века) и 16: 9 (универсальный для телевидения высокой четкости и европейского цифрового телевидение и по умолчанию для видео на YouTube).

Как сделать - высота равна ширине

Шаг 1) Добавьте HTML:

Используйте элемент контейнера, например

, и если вы хотите, чтобы текст внутри него, добавьте дочерний элемент:

Пример


Какой-то текст

Шаг 2) Добавьте CSS:

Добавьте процентное значение для padding-top , чтобы сохранить соотношение сторон экрана РАЗД.В следующем примере будет создано соотношение сторон 1: 1 (высота и ширина всегда одинакова):

Пример 1: 1 Соотношение сторон

.container {
background-color: красный;
ширина: 100%;
обивка-верх: 100%; / * Соотношение сторон 1: 1 Соотношение * /
положение: относительное; /* Если хочешь текст внутри него * /
}

/ * Если вы хотите текст внутри контейнера * /
.text {
позиция: абсолютная;
верх: 0;
осталось: 0;
низ: 0;
справа: 0;
}

Попробуй сам "

Другие форматы изображения:

Пример 16: 9 Соотношение сторон

.контейнер {
обивка верха: 56,25%; / * Формат 16: 9 Соотношение (разделите 9 на 16 = 0,5625) * /
}

Попробуй сам "

Пример 4: 3 Соотношение сторон

.container {
padding-top: 75%; / * 4: 3 Соотношение сторон Соотношение (разделить 3 на 4 = 0,75) * /
}

Попробуй сам "

Пример 3: 2 Соотношение сторон

.container {
padding-top: 66,66%; / * 3: 2 Соотношение сторон Соотношение (разделить 2 на 3 = 0.6666) * /
}

Попробуй сам "

Пример 8: 5 Соотношение сторон

.container {
padding-top: 62,5%; / * 8: 5 Аспект Соотношение (разделить 5 на 8 = 0,625) * /
}

Попробуй сам "

Ширина шины для колеса / Таблица размеров обода

  • Диаграммы
  • Ширина шины для колеса / Таблица размеров обода

Ширина обода и ширина шины - два тесно связанных размера. Гибкие боковины шины позволяют устанавливать шины одного размера на обод различной ширины. Существует диапазон ширины обода для каждого размера шины, но, с другой стороны, существует диапазон ширины шины для каждого размера обода.

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

Какая ширина обода подходит к моей шине? (например, 195/65 R15)

Ответ: «Ширина обода, соответствующая шине 195/65 R15, составляет: 5,5 дюйма, 6,0 дюйма, 6,5 дюйма и 7 дюймов.0 "". Информацию, относящуюся ко всем остальным размерам шин, можно найти в Калькуляторе размера колеса / обода.

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

Шина какой ширины подходит к моему колесу / ободу?

При замене OEM-шины на более широкую послепродажную шину следует учитывать ширину обода, поскольку каждая ширина обода соответствует лишь нескольким значениям ширины шины.

Например, подходящая ширина шин для 6.Размер обода 0 дюймов: 175 мм, 185 мм, 195 мм и 205 мм. Минимальная ширина шины 175 мм означает безопасную ширину шины, 185 мм и 195 мм - идеальную ширину шины, а 205 мм - максимальную ширину шины. не идеален, потому что протектор шины шире, чем внутренний борт обода. Таблица эквивалентности, представленная ниже, может помочь вам принять рациональное решение о размере шины, который вам нужен для данного размера колеса / обода.

Ширина шин для таблицы размеров колеса / обода - Таблица эквивалентности

Ширина шин для таблицы размеров колеса / обода показывает, какая ширина соответствует отображаемым размерам колеса / обода - показывает диапазон ширины шины для данной ширины обода: минимальная, идеальная и максимальная ширина шины (например.грамм. для 7-дюймового колеса / обода могут быть установлены шины следующей ширины: 195, 205, 215 или 225).

Для получения дополнительных размеров обода и соответствующих размеров шин (а не только рекомендованной ширины шин) воспользуйтесь нашим калькулятором «Размер шин для размера / ширины обода», который подскажет, какие размеры шин выбрать - для любого размера обода.

Обод
ширина
(дюйм)		 Мин.
шина
ширина
(мм)		 Ideal
шина
ширина
(мм)		 Макс.
шина
ширина
(мм)
5,0 155

Подождите ...

Пожалуйста, включите куки и перезагрузите страницу.

Это автоматический процесс. Ваш браузер в ближайшее время перенаправит вас на запрошенный контент.

Подождите до 5 секунд…

+ ((! + [] + (!! []) + !! [] + !! [] + !! [] + !! [] + !! [] + !! [] + !! [] + []) + (! + [] + (!! []) - []) + (! + [] - (!! [])) + (! + [] + (!! []) +! ! [] + !! []) + (+ !! []) + (! + [] + (!! []) + !! [] + !! [] + !! [] + !! [] + !! [] + !! [] + !! []) + (! + [] + (!! []) + !! [] + !! [] + !! [] + !! [] + !! [] + !! []) + (! + [] + (!! []) - []) + (! + [] + (!! []) + !! [])) / + ( (! + [] + (!! []) + !! [] + !! [] + !! [] + !! [] + !! [] + !! [] + []) + (! + [] + (!! []) + !! [] + !! [] + !! [] + !! []) + (! + [] + (!! []) + !! [] +! ! [] + !! []) + (+ !! []) + (! + [] + (!! []) + !! [] + !! [] + !! [] + !! [] + !! []) + (! + [] + (!! []) + !! []) + (! + [] + (!! []) - []) + (! + [] + ( !! []) + !! [] + !! [] + !! [] + !! []) + (! + [] + (!! []) + !! []))

+ ( (! + [] + (!! []) + !! [] + !! [] + !! [] + !! [] + !! [] + !! [] + []) + (! + [] + (!! []) + !! []) + (! + [] + (!! []) + !! [] + !! [] + !! [] + !! [] +! ! [] + !! []) + (! + [] - (!! [])) + (! + [] + (!! []) + !! [] + !! []) + (+ !! []) + (! + [] + (!! []) + !! [] + !! [] + !! [] + !! []) + (! + [] + (!! [ ]) + !! [] + !! []) + (+ !! [])) / + ((! + [] + (!! []) + !! [] + !! [] + !! [] + !! [] + !! [] + []) + (! + [] + (!! []) - []) + (! + [] + (!! []) + !! [ ] + !! [] + !! [] + !! [] + !! [] + !! []) + (! + [] + (!! []) + !! [] + !! [] ) + (! + [] + (!! []) + !! [] + !! [] + !! [] + !! [] + !! [] + !! [] + !! []) + (! + [] + (!! []) - []) + (! + [] + (!! []) + !! [] + !! [] + !! [] + !! [] + !! [] + !! [] + !! []) + (! + [] + (!! []) + !! [ ] + !! [] + !! []) + (! + [] + (!! []) + !! []))

+ ((! + [] + (!! []) +! ! [] + !! [] + !! [] + !! [] + !! [] + []) + (! + [] + (!! []) + !! [] + !! [] + !! [] + !! [] + !! [] + !! [] + !! []) + (! + [] + (!! []) + !! [] + !! [] + !! [] + !! [] + !! []) + (! + [] - (!! [])) + (! + [] - (!! [])) + (! + [] + (!! []) + !! []) + (! + [] + (!! []) + !! [] + !! []) + (! + [] + (!! []) + !! []) + (! + [] + (!! []) + !! [] + !! [] + !! [] + !! [] + !! [])) / + ((! + [] + (!! []) + !! [] + []) + (! + [] + (!! []) - []) + (! + [] + (!! []) + !! [] + !! [] + !! [] + !! [] + !! [] + !! []) + (! + [] - (!! [])) + (! + [] + (!! []) + !! [] + !! [] + !! [] + !! [] + !! [] + !! [] + !! []) + (! + [] + (!! []) - []) + (! + [] + (!! []) - []) + (! + [] - (!! [])) + (! + [] + (! ! []) + !! [] + !! [] + !! [] + !! [] + !! [] + !! [] + !! []))

+ ((! + [] + (!! []) + !! [] + !! [] + !! [] + !! [] + !! [] + !! [] + !! [] + []) + (! + [] + (!! []) + !! [] + !! []) + (+ !! []) + (! + [] - (!! [])) + (! + [] + ( !! []) + !! [] + !! [] + !! [] + !! [] + !! [] + !! []) + (! + [] + (!! []) + !! []) + (! + [] + (!! []) + !! [] + !! [] + !! [] + !! [] + !! [] + !! [] +! ! []) + (! + [] + (!! []) + !! [] + !! [] + !! [] + !! [] + !! [] + !! []) + ( + !! [])) / + ((! + [] + (!! []) + !! [] + !! [] + !! [] + !! [] + !! [] + !! [] + []) + (! + [] + (!! []) + !! [] + !! [] + !! [] + !! [] + !! [] + !! [] + !! []) + (! + [] - (!! [])) + (! + [] - (!! [])) + (! + [] + (!! []) + !! [ ] + !! [] + !! [] + !! [] + !! [] + !! [] + !! []) + (! + [] + (!! []) - []) + (! + [] + (!! []) + !! [] + !! [] + !! [ ] + !! []) + (! + [] + (!! []) + !! [] + !! [] + !! []) + (! + [] + (!! []) + !! [] + !! [] + !! []))

+ ((! + [] + (!! []) + !! [] + !! [] + !! [] + !! [] + !! [] + !! [] + []) + (! + [] + (!! []) + !! []) + (! + [] + (!! []) +! ! [] + !! [] + !! [] + !! [] + !! [] + !! []) + (! + [] - (!! [])) + (! + [] + (!! []) + !! [] + !! []) + (+ !! []) + (! + [] + (!! []) + !! [] + !! [] +! ! [] + !! []) + (! + [] + (!! []) + !! [] + !! []) + (+ !! [])) / + ((! + [] + (!! []) + !! [] + !! [] + []) + (! + [] + (!! []) + !! [] + !! [] + !! [] + !! [] + !! []) + (! + [] + (!! []) + !! [] + !! [] + !! [] + !! [] + !! [] +! ! []) + (! + [] + (!! []) - []) + (+ !! []) + (! + [] + (!! []) + !! [] + !! []) + (! + [] + (!! []) + !! [] + !! [] + !! [] + !! [] + !! [] + !! [] + !! [ ]) + (! + [] + (!! []) + !! [] + !! []) + (! + [] + (!! []) + !! [] + !! [] + !! [] + !! []))

+ ((! + [] + (!! []) + !! [] + !! [] + !! [] + !! [] + !! [] + !! [] + []) + (+ !! []) + (! + [] + (!! []) + !! [] + !! [] + !! [] + !! [] + !! []) + (! + [] + (!! []) + !! [] + !! [] + !! []) + (! + [] - (!! []) ) + (! + [] + (!! []) + !! [] + !! []) + (! + [] + (!! []) - []) + (! + [] + ( !! []) + !! [] + !! []) + (! + [] + (!! []) + !! [])) / + ((! + [] + (!! [] ) + !! [] + !! [] + !! [] + !! [] + []) + (! + [] + (!! []) + !! [] + !! [] +! ! [] + !! [] + !! [] + !! [] + !! []) + (! + [] + (!! []) + !! [] + !! [] + !! [] + !! [] + !! [] + !! []) + (! + [] + ( !! []) + !! []) + (! + [] + (!! []) + !! [] + !! []) + (! + [] - (!! [])) + (! + [] + (!! []) + !! [] + !! []) + (! + [] + (!! []) + !! [] + !! [] + !! [ ]) + (! + [] + (!! []) - []))

+ ((! + [] + (!! []) + !! [] + !! [] + !! [ ] + !! [] + !! [] + !! [] + []) + (+ !! []) + (! + [] + (!! []) + !! [] + !! [ ] + !! [] + !! [] + !! []) + (! + [] + (!! []) + !! [] + !! [] + !! []) + (! + [] - (!! [])) + (! + [] + (!! []) + !! [] + !! []) + (! + [] + (!! []) - [] ) + (! + [] + (!! []) + !! [] + !! []) + (! + [] + (!! []) + !! [])) / + ((! + [] + (!! []) + !! [] + !! [] + !! [] + !! [] + !! [] + !! [] + !! [] + []) + (! + [] + (!! []) + !! [] + !! [] + !! [] + !! [] + !! [] + !! []) + (! + [] + (!! []) + !! [] + !! [] + !! [] + !! [] + !! [] + !! []) + (! + [] + (!! []) + !! [] + !! [] + !! [] + !! [] + !! [] + !! []) + (! + [] - (!! [])) + (! + [ ] + (!! []) + !! [] + !! []) + (! + [] + (!! []) + !! [] + !! []) + (! + [] + (!! []) + !! [] + !! [] + !! [] + !! []) + (! + [] + (!! []) + !! [] + !! [] + !! [] + !! []))

.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *