Помогите сделать резиновый сайт

yewmz,

1. Вы лучше напишите просто и ясно, чего вы хотите сделать. Вам подскажут, как это сделать.

2. Я надеюсь, вы не собираетесь на одной странице показывать сайты в реальном времени? А то даже на площади 10х10 пикселей 100 сайтов уверенно положат любой браузер, комп, мозг и т.д.

3. Чесное вычисление среднего цвета ничего хорошего не даст: получится серо-буро-малиновое говно для любого сайта. Если надо как-то соотнести сайт с цветом, тут можно копать в сторону favicon например. Или еще как-то, даже не знаю. Конечно лучше всего вручную.

А что, кроме дизайна (чит: внешнего вида) может быть резиновым? (поручики, молчать! :))

ппц, летние фантазии.

yewmz, если включить мозг и начать называть всё своими именами, то обнаружится ключевое слово: масштаб. А это уже свойство юзер-агента. Свойство, на которое сайт не должен уметь влиять.

1. Определяем на JS, что страница во фрейме (не помню - размеры родительского фрейма можно определить?).

2. Поверх нее показываем скриншот (создаем его на стороне клиента средствами js).

сам гаджет, его масштаб отображения.

всё упирается в определение js-ом масштабирования (scale) viewport. таки это не проблема, типо так:

...

orientation: window.orientation,



getOrientation: function() {

	if ( this.orientation === undefined ) {

		if ( documentElement.clientWidth > documentElement.clientHeight ) {

			this.orientation = 'landscape';

		} else {

			this.orientation = 'portrait';

		}

		} else if (

		this.orientation === 0

		||

		this.orientation === 180

	) {

		this.orientation = 'portrait';

	} else {

		this.orientation = 'landscape'; // Assumed default, most laptop and PC screens.

	}

	return this.orientation;

},



scale: undefined,



getScale: function() {

	var viewportWidth = documentElement.clientWidth,

		screenWidth = screen.width;

		this.getOrientation();

		if( this.orientation === 'portrait' ) {

		if( screen.width > screen.height ) {

			screenWidth = screen.height;

		}

	} else {

		if( screen.width < screen.height ) {

			screenWidth = screen.height;

		}

	}

	this.scale = screenWidth / window.innerWidth;

	return this.scale;

},

...

а уж стили js-ом поменять налету не проблема...

А если я потыкаю CTRL++\CTRL+- в бродилке?

масштаб измениться, что ж ещё. но в десктопах это не актуально, а на touch устройствах scale > 1 надо отслеживать по resize - иначе любой "адаптивный дизайн" легко поплывёт к чертям, особо всякие модальные окна и фиксированные блоки наверняка позорно станут выглядеть. поэтому нубьё и ставит в meta "viewport" scale=1, что бы юзверь ненароком не сломал их крутую "адаптивность".

ЗЫ: шёл бы ты пионЭрам сказки про WordPress петь и не позорился с нубскими вопросами 😂 ...

А я о чём?! Дальше могз не подключается, умник?

Опять тупишь, хамишь и утомляешь. Неужели закончил все летние дом. задания? Или новую линейку купил?