Програмно намаляване на уеб страницата

Създаваме уеб приложение, което работи перфектно на 19" екран (работи на Firefox като KIOSK). То включва много изображения и текстово съдържание, разположено около тези изображения. Работеше добре, докато не сменихме устройството на 18,5" екран. Сега има ленти за превъртане около него. Съдържанието и изображенията не пасват. Трябва да намалим firefox, за да го поберем напълно на екрана, но това не е, което искаме.

Има ли начин да увеличите всичко в страницата до ниво като 90% от нормалния размер. Така че не трябва ръчно да намаляваме Firefox?


javascript zooming
person Hüseyin Zeki    schedule 08.04.2012    source източник
comment
възможен дубликат на Промяна на нивото на мащабиране на браузъра   -  person Rory McCrossan    schedule 08.04.2012
comment
Трябва да проучите Responsive web design   -  person Rory McCrossan    schedule 08.04.2012

Отговори (3)


arrow_upward
2
arrow_downward

Може да можете да използвате transform: scale(.9) на елемента body. Въпреки че в бъдеще бих препоръчал изграждането на отзивчив дизайн, използвайки вместо това медийни заявки.

Това би било -moz-transform: scale(.9) специално за Firefox.

person powerbuoy    schedule 08.04.2012
comment
Добавих -moz-transform: scale(90%), но нищо не се случи. Има ли още нещо за добавяне? - person Hüseyin Zeki; 08.04.2012
comment
Има една голяма уловка - Firefox НЕ обработва правилно transform:scale() - той намалява, но също така премества съдържанието отгоре и отляво надолу и вдясно - в зависимост от това колко голямо е намаляването - има ли начин да се избегне то ? Така че mozilla просто наистина ще преоразмери страницата, без да я мести от напр. център на страница? Благодаря... - person jave.web; 03.07.2013

arrow_upward
1
arrow_downward

Физическият размер на монитора не е важен. Важното е резолюцията, показана на този екран. Разберете каква е била зададената разделителна способност на стария екран и вижте дали новият екран поддържа същата. Ако стане, страхотно, настройте го на това. Ако не, може би е по-добре да преработите оформлението, за да работите върху повече от една конкретна резолюция...

person Niet the Dark Absol    schedule 08.04.2012
comment
Да, благодаря добра идея. ще опитам това, но нямам 19 екрана в момента. Благодаря ти много. - person Hüseyin Zeki; 08.04.2012

arrow_upward
0
arrow_downward

Решението има 2 стъпки:

  1. Направете всичко освен шрифтовете гъвкаво. Например: таблици, divs, менюта.
  2. Редактирайте размера на шрифта.

Редактирането на размера на шрифта също прави уебсайта да изглежда по-голям и по-малък.

person anilbey    schedule 29.12.2012