Как на мобильном устройстве отображать ширину блока 640 пикс?

Question

[partyzanx]

Привет. У меня есть сайт, ширина 640 пикселей.
Я хотел бы, чтобы в мобильном дизайне ширина сайта была такая же 640 пикселей, но просто шрифт был побольше (с размерам шрифта не проблема), и мобилка показывала 640 пикселей независимо от своего расширения как 100% на всю ширину экрана.
Как указать мобильному устройству, чтобы он показывал чисто 640 пикселей как 100%?

PS Делать дизайн растягивающимся не могу, так как у меня там html сразу нарушается
Я в css просто укажу увеличение шрифта в зависимости от ширины устройства, а ширину самого сайта менять не хочу.

Answer 1

[Дима Паутов]

<meta name="viewport" content="width=640">

Comments

[partyzanx]

Спасибо. А как сделать, чтобы эта строчка работала только при условии @media screen and (max-device-width:645px)

???

[Дима Паутов]

partyzanx: никак

[Hyubert]

partyzanx: устанавливать значения через js, при загрузке страницы

[partyzanx]

Hyubert: какой js прописать что при ширине устройства меньше 640 пикселей действовало ?

[Hyubert]

partyzanx: ну что-то такое

window.addEventListener('resize', function () {
	if (window.innerWidth < 640) {
		// this you function
	} else {
		// this you function
	}
})

[partyzanx]

Hyubert:

window.addEventListener('resize', function () {
  if (window.innerWidth < 640) {
    // this you function
  } else {
  <meta name="viewport" content="width=640">
  }
})

Можно вот так прописать в ??? )))

[Hyubert]

partyzanx: Вы с js знакомы??? Это работать не будет.

[partyzanx]

Hyubert: нет, я нуб

[Hyubert]

partyzanx: а ну тогда у Вас только 2 пути - выучить или на фриланс.

[Hyubert]

partyzanx:

PS Делать дизайн растягивающимся не могу, так как у меня там html сразу нарушается

дайте ссылку на сайт

[partyzanx]

Hyubert: wikihsk.ru

[Hyubert]

partyzanx: у вас не правильные подходы к адаптации, Вам нужно перестраивать блоки и поставить нормальный viewport. Это все можно зделать без js.

[partyzanx]

Hyubert: Если будет деньги приносить, то займусь потом вплотную. А сейчас минимальный подход.
Вот так сработает?

@media screen and (max-device-width:645px) { 
@viewport
{width: 640px}
}

[Hyubert]

partyzanx: неа