Въпрос

K

Kavhann

Registered
Здравейте,

Правя сайт на лаптоп-а си който е 15''. В началото имаше проблем с браузърите, тоест някой менюта се разместваха едно спрямо друго и в крайна сметка се получаваше различна визия за различни браузъри. Това го оправих.

Сега имам друг проблем.
Отворих сайт-а си на различни компютри с различни по размер монитори. На един 17'' монитор една от картинките ми се преоразмерява и става по-голяма отколкото на лаптопа ми, но това преоразмеряване става толкова голямо, че се почвяват скролове. На друг 17'' монитор пак има преоразмеряване но там със съвсем различни мащаби от другия 17'' монитор.

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

Благодаря.
 
Това е защото са с различна резолюция, тоест пиксела е относителна мерна еденица(няма постоянни размери като например сантиметъра...) и размерите му са различни за всяка резолюция и за това сайта на по-голям монитор има по-големи размери... Можеш да зададеш размери на обектите в сайта със сантиметри и ще са с приблизително еднакви размери под всяка резолюция, но едва ли това е най-добрия вариант...
По-добре разгледай си създай css файлове в зависимост от разолюцията :)
 
koko5 каза:
може да работиш с проценти, вместо пиксели. :)
Увеличете...


Да това е едно решение.
Но за да е по ефективно не слайгай калтинките като фон - ще започне да се повтаря! :?:
 
Работи с таблици, прави и css. На изображенията им давай строги параметри за ширина и дължина. Ако имаш нещо конкретно кажи и ще помогнем!
 
Здравейте отново,
Пробвах номера с резолюцията и установих, че за разична резолюция на моя монитор се получава същия ефект. Направих си няколко експеримента и установих, че се оразмеряват не само картинките, но и шрифовете...абе всичко се оразмерява.
Как под CSS мога да кажа на еди коя си буква...стой с размер еди колко си пиксела и не мърдай от там?
 
h1 {
font-size:18px;
}

div {
font-size:12px;
}

a {
font-size:13px;
}

и т.н.т.

.className {
font-size:16px;
}
 
За шрифта използвай мерна еденица пунктове(pt) и ще се получи желания ефект :)

Разгледай това и ще си отговориш на много въпроси:
-абсолютни размери:
in (инч) – мярка за дължина.
cm (сантиметър) – мярка за дължина 1 инч = 2.54 сантиметра.
mm (милиметър) – мярка за дължина 1 инч = 25.4 милиметра.
pt (пункт) – мярка за размер на шрифт 1 инч = 72 пункта.
pc (пика) – мярка за размер на шрифт 1 инч = 6 пики.

-относителни размери:
em (ем) – мярка за размер на шрифт 1 ем = стойността на font-size.
ex (екс) - мярка за размер на шрифт 1 екс = 50% от 1 ем.
px (пиксел) – зависи от разделителната способност на монитора.
%(процента) – задава относителни размери в зависимост от съдържащия го елемент.
 
И така проблемът си остава...
Пробвах това, която ми казахте. а ето какво пробвах всъщност:

::Дадох фиксирани размери на всяко едно изображение по следния модел:

<img src="proba.PNG" width="700px" hight="300px"/>

::Пробвах да дефинирам шрифта в CSS с мерни единици от типа на pt (пунктове), cm(сантиметри), px и т.н.

Общо взето нито едно от двете не проработи. При различни резолюции сайтът се преоразмерява различно и се получава различно изображение. Имате ли някакви идеи???
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Back
Горе