как говорится в названии. Как вы можете изменить сайт, чтобы он выглядел одинаково на, например, мониторе 19 "1280 * 1024 и 26" 1920 * 1080 res. У меня возникают проблемы с другим позиционированием, как только они не центрируются через margin:0 auto;Создание сайтов, подходящих для разных разрешений
Как вы это исправите? Интернет не помогает
Вам необходимо сделать ваш сайт отзывчивым. Попробуйте посмотреть на следующие ссылки,
http://www.w3schools.com/html/html_responsive.asp
Или вы можете посмотреть на плагинов, которые помогут вам сделать это. RestiveJS - пример.
Использования RestiveJS:
$.restive.startMulti();
$('body').restive({
platform: 'ios',
breakpoints: ['240', '320', '480', '640', '960', '1024'],
classes: ['css-i-240', 'css-i-320', 'css-i-480', 'css-i-640', 'css-i-960', 'css-i-1024']
});
$('body').restive({
platform: 'android',
breakpoints: ['240', '320', '480', '640', '960', '1024'],
classes: ['css-a-240', 'css-a-320', 'css-a-480', 'css-a-640', 'css-a-960', 'css-a-1024']
});
$.restive.endMulti();
Restive.JS будет активно контролировать видовые любые устройства, которые посещают ваш веб-сайт для следующих диапазонов: ширина 0 до 240px, 241 до 320px, 321 до 480 пикселей, от 481 до 640 пикселей, от 641 до 960 пикселей и от 961 до 1024 пикселей; и следующие платформы устройств: iOS и Android. Если область просмотра составляет от 481 до 640 пикселей в ширину, а устройство является устройством iOS, например. iPhone 4, он добавит класс css-i-640 в тег; если область просмотра находится между 641 и 960 пикселями в ширину, и устройство является устройством Android, например. Nexus 4, он добавит класс css-a-960 и т. Д.
Это не так сложно узнать, вы сможете быстро его реализовать ..
Взгляните на «Правила CSS3 Media». Думаю, это может быть то, что вы ищете.
отлично! интересно, почему я никогда не получал это от google при его запросе ... это означает, что мне нужна таблица стилей для каждого общего разрешения/экрана справа? Похоже на то, чтобы быть честным. разве нет более «прямого» пути? (со всеми этими устройствами и размерами у меня было бы 15 стилей и т. д.). –
Вы можете поместить все это в одну таблицу стилей, если это проблема, в зависимости от того, сколько стилей вам нужно изменить. Обычно вам нужны только 3 размера экрана (рабочий стол, планшет, мобильный), чтобы все выглядело аккуратно. – William
Вы должны смотреть в использовании жидких макетов, где вместо точек или пт вы используете проценты, например, вы можете установить высоту заголовка Div до 20% экрана
Ссылки не работают со мной. Я думаю, он перешел на Wordpress. я буду иметь более глубокий взгляд в этой теме, хотя спасибо –
спасибо выглядит интересно, хотя они действительно не показывают таблицу стилей. и плагин говорит, что вам нужны знания JS. которые у меня не слишком много в данный момент. в настоящий момент опция медиа-правил выглядит привлекательной. Если вы не можете объяснить это лучше, чем w3schools, я понимаю, как это работает? хотел бы принять этот ответ (особенно потому, что он не показывает, что что-то должно находиться в определенной позиции, например, в небольших ссылках, например, в центре arent) –
хорошо, только начиная с JS (и java), но с трудом понимая это. разработка, о которой я спрашивал, касалась отзывчивого html. Я думаю, что поддержка JS будет лучше работать. Я посмотрю, куда я иду оттуда. Вам нужно посмотреть, как он «разбивает» мой сайт на моем htc. –