Мога ли да увелича мащаба на уеб страница като IE или Firefox, използвайки програмиране?

Просто - имам оформление, което е 800 на 600. Когато натисна Ctrl и +, то се увеличава и изглежда прекрасно.

Искам да знам дали има CSS/Javascript начин да направя същото? Без да се налага потребителят да го прави (защото потребителите няма да го направят и да видят малкото оформление).

Същият въпрос беше публикуван от някой Настройване на функцията за оптично увеличение на IE с помощта на Javascript/CSS, който не получи добри отговори.


javascript css resize zooming
person Arjun    schedule 29.10.2009    source източник
comment
да добавя към това - знам как да увеличавам текста. Искам да увелича всичко, включително снимки.   -  person Arjun    schedule 30.10.2009
comment
Защо не повторите оформлението за повече от 800x600   -  person Jim Deville    schedule 30.10.2009
comment
Прав си, Джеймс, предполагам, че това е най-лесният наличен вариант. :(   -  person Arjun    schedule 30.10.2009

Отговори (3)


arrow_upward
2
arrow_downward

Има zoom CSS свойство, но то е част от CSS3 и най-вероятно не е широко разпространено поддържан. Като зададете това на елемента body с помощта на JavaScript, можете да мащабирате цялата страница.

Бих се съгласил с чувствата на отговорите на въпроса, към който поставихте връзка, но че трябва да зависи от потребителя да избере собствените си настройки за мащабиране. Ако вашият сайт е твърде голям/малък, за да го видите, това показва проблем с дизайна на вашия сайт.

person adrianbanks    schedule 29.10.2009
comment
Поддържа се добре в IE, но все още не във FF. - person jheddings; 30.10.2009
comment
Пробвах го в IE8 и Chrome v4 и изглежда, че работи добре в тях, но не и в Opera v9 или FireFox v2. - person adrianbanks; 30.10.2009
comment
Това няма да работи с по-стари браузъри, така че не бих го препоръчал, ако държите на съвместимостта на различни браузъри. - person marcgg; 30.10.2009

arrow_upward
1
arrow_downward

Можете да зададете всички размери като динамични (използвайте em за шрифтове, % за размери на div/изображения). След това променете основната обвивка и основния размер на шрифта с помощта на javascript.

Можете също да използвате CSS превключване. Поставете всички цветове и други подобни в един css файл. След това създайте 3 или 4 нива на мащабиране и вътре твърдо кодирайте различни размери за всички съществуващи класове.

Пример:

main.css

a{color:red;}

малък.css

a{font-size:10px;}

среда.css

a{font-size:12px;}
person marcgg    schedule 29.10.2009
comment
добре зададени размери на изображения, както и с помощта на css свойството за височина и ширина - person marcgg; 30.10.2009

arrow_upward
1
arrow_downward

Не всички дизайни (всъщност бих се обзаложил, че нито един, без целеви стилови листове) могат да се справят с изключително различните размери на екрана днес, от портретно ориентирани екрани в обществени библиотеки до ултра фини произведения на изкуството Mac с гигантски пейзажни екрани и малки малки лаптопи - последните два често се използват от ръководители, които НИКАКВО не разбират как работят функциите за мащабиране в браузъра и също така често имат ужасно зрение и малко търпение.

Моето предложение е да използвате относително оразмеряване, както предлага Marcgg. Ако наистина искате да бъдете супер гъвкави, можете да използвате javascript или browserhawk (или еквивалент), за да измерите размерите на екрана и да изключите таблиците със стилове за тези, които наистина няма да работят с вашето оформление.

person Matt    schedule 16.01.2011