Фиксированный размер div, при любом масштабе экрана?

Question

[apoca1ipsis]

Cайт без адаптива, у контента width: 1000px.

Если я пишу *{
position: fixed;
left: 0;
bottom: 0;
width: 100%;
height: 50px;
}
то на мобильных устройствах моя вёрстка изменяется по масштабу, и становится мелкой-нечитаемой.



в моём случае, всё выглядит так


Пример www.gosmed.ru
отображается через "developers tools", если включить эмуляцию мобильного устройства.

Answer 1

[apoca1ipsis]

В общем задачу решил вот так.

var screenwidth = screen.width;
var documentscreenwidth = document.body.clientWidth;
var varzoom = documentscreenwidth / screenwidth

$(window).on("load resize", function () {
    $(".bottom-panel").css("width", screenwidth + "px");
    $(".bottom-panel").css("transform", "scale(" + varzoom + ")");
});

Answer 2

[svetlov97]

<meta name="viewport" content="width=1000px, initial-scale=1">

У него нету, внимательнее

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

Если я пишу *{ 
position: fixed;
left: 0;
bottom: 0;
width: 100%;
height: 50px;
}

* (звездочка) применяет стили ко всем элементам

Comments

[apoca1ipsis]

* как пример указана
по факту вот так
.bottom-panel {
position: fixed;
left: 0;
bottom: 0;
z-index: 9999;
width: 100%;
}

[svetlov97]

apoca1ipsis: используйте относительные величины или @media