Как зафиксировать размеры блока при масштабировании в браузере?

@mirabola · Регистрация: 04.08.2012

Студворк — интернет-сервис помощи студентам

Скажите пожалуйста мне нужно чтобы в правом угле была стрелка(картинкой) но когда я колёсиком мыши уменьшаю и увеличиваю то мне нужно чтобы стрелка не меняла своего размера. как это можно сделать?

@Kantaria · 21.10.2012, 23:39

Сообщение от mirabola

Скажите пожалуйста мне нужно чтобы в правом угле была стрелка(картинкой) но когда я колёсиком мыши уменьшаю и увеличиваю то мне нужно чтобы стрелка не меняла своего размера. как это можно сделать?

засунь его в <div></div>
а класс ему пропиши в css и дай конкретные размеры высоты и ширины.
тогда все получится

будут вопросы , пиши постараюсь помочь.

@mirabola · 22.10.2012, 00:31 **[ТС]**

не действует, стрелка всё равно уменьшается

Добавлено через 19 минут
Kantaria, не получается, может что-то другое?

@Kantaria · 22.10.2012, 00:35

Сообщение от mirabola

не действует, стрелка всё равно уменьшается

Добавлено через 19 минут
Kantaria, не получается, может что-то другое?

Пожалуйста скажите название Вашего сайте, либо если он на денвере, либо на другой похожей программе, то дайте скрипт.
Я постараюсь его исправить.

@mirabola · 22.10.2012, 00:52 **[ТС]**

вот тут мне нужно чтобы текст при прокрутке мышки так и оставался на месте. или и вовсе просто напросто отменить возможность прокрутки. мне нужно чтобы текст не уменьшался и не увеличивался

@maximus2011 · 22.10.2012, 01:33

Сообщение от mirabola

Скажите пожалуйста мне нужно чтобы в правом угле была стрелка(картинкой) но когда я колёсиком мыши уменьшаю и увеличиваю то мне нужно чтобы стрелка не меняла своего размера. как это можно сделать?

Как то немного не понятно. Вам стрелка нужна??? Даете текст. И что вы колесиком увеличиваете, а что уменьшаете??? Или всетаки прокрутку делаете??? Потомучто если вы увеличиваете или уменьшаете масштаб, то стрелка ваша в любом случае будет делать тоже самое. Ну а если уж надо ее просто зафиксировать в углу, тогда делайте так.

HTML5
1
<div id="strelka">сюда можно вашу стрелку</div>

CSS
1
2
3
4
5
#strelka{
position:absolut;
top:0;
left:0;
}

Вот как то так))

@Kantaria · 22.10.2012, 08:03

Сообщение от mirabola

вот тут мне нужно чтобы текст при прокрутке мышки так и оставался на месте. или и вовсе просто напросто отменить возможность прокрутки. мне нужно чтобы текст не уменьшался и не увеличивался

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
.bg {
background-image:url(img/bg.jpg);
}
.strelka {
height:256px;
width:256px;
float:left;
}
img {
    border: 3px solid #00FF00;
   }
.text {
 
color:#000000;[OFF]тут можешь менять цвет текста на твой желаемый[/OFF]
}

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="style.css" type="text/css">
<title>https://www.cyberforum.ru/members/224801.html</title>
</head>
<body>
<div class="bg">
<img align="top" src="img/element.png" /><div class="text"> Думаю я сделал то, что Вы имелли ввиду.
<p>Но хотел бы сказать, что при увеличении или уменьшении маштаба страницы - 'Ctrl +-' <br />
слова в данном тексте, 100% будут уменьшаться или увеличиваться вне зависимости от вашего<br />
желания.<br />
А фотография останется такой какая она есть, тоесть в пиксельном плане, она не будет изменятся
и не будет ходить по экрану.<br />
Надеюсь я обьяснил внятно.<br />
По вопросам пишите <br />
E-mail: kantariamo@yandex.ru
skype:<br />
(домашний) mixail228253<br />
(рабочий) mikheili.kantaria</p></div></div>
</body>
</html>

@Taatshi · 22.10.2012, 08:32

mirabola, это невозможно. Это часть документа, который загружается с сервера. При масштабировании модифицируется весь документ. Не все браузеры проводят перерасчет размеров под экран при масштабировании. Вам в Javascript надо тему создать - на html никак не сделаете.

@koza4ok · 22.10.2012, 09:55

пробуйте задать max(min)-width.

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .	SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .

@mirabola 0 / 0 / 0 Регистрация: 04.08.2012 Сообщений: 18

	Как зафиксировать размеры блока при масштабировании в браузере? 21.10.2012, 23:30. Показов 26617. Ответов 8 Метки нет (Все метки) Скажите пожалуйста мне нужно чтобы в правом угле была стрелка(картинкой) но когда я колёсиком мыши уменьшаю и увеличиваю то мне нужно чтобы стрелка не меняла своего размера. как это можно сделать? 0

@mirabola 0 / 0 / 0 Регистрация: 04.08.2012 Сообщений: 18
	22.10.2012, 00:31 [ТС]
	не действует, стрелка всё равно уменьшается Добавлено через 19 минут Kantaria, не получается, может что-то другое? 0

@Taatshi Почетный модератор 12274 / 5340 / 268 Регистрация: 05.04.2011 Сообщений: 14,086 Записей в блоге: 2
	22.10.2012, 08:32
	mirabola, это невозможно. Это часть документа, который загружается с сервера. При масштабировании модифицируется весь документ. Не все браузеры проводят перерасчет размеров под экран при масштабировании. Вам в Javascript надо тему создать - на html никак не сделаете. 0

@koza4ok 632 / 440 / 67 Регистрация: 19.09.2012 Сообщений: 1,632
	22.10.2012, 09:55
	пробуйте задать max(min)-width. 0