Как телевизу смарт добавить чуточку адаптивности?

Question

[DivineDraft]

Проблематичный: самсунг смарт, разрешение 1920x1080;
Дизайн адаптивный, отображается отлично везде, кроме данного устройства.

Ошибка просто: его встроенный браузер не распознает просчеты в виде width:calc(100% - 240px), как пример.

Подскажите, можно ли задать стиль конкретно для него, через css или jquery?

Answer 1

[zoozag]

Если calc не поддерживается, попробуйте сделать медиа запрос на это разрешение с жестко заданной шириной в px

Comments

[DivineDraft]

Да в том то и дело, что не охото задевать ПК версию, ибо красота уже сильно теряется, да и сложно повторить все просчеты в % так как нужно, учитывая кол-во применяемых стилей.

[zoozag]

не охото задевать ПК версию, ибо красота уже сильно теряется

Если вы все расчеты сделаете правильно, на ПК версию это никак повлиять не должно.
+ вариант сначала писать стиль в px, а за ним стиль в calc. Тогда устройства, которые calc не знают будут использовать первый, а который знают второй.

да и сложно повторить все просчеты в % так как нужно, учитывая кол-во применяемых стилей

Вам же нужно заменить стили только с calc, а не все с процентами. Их обычно не так много используется.

[DivineDraft]

zoozag, вот про то, что писать в нужной последовательности применимости огромное спасибо.

Это понятно, но там их не мало) некоторые в моментах, которые вообще лучше не трогать)

[zoozag]

DivineDraft, это не так много времени займет при наличии под рукой другого девайса с таким же разрешением.

[DivineDraft]

zoozag, я Вас благодарю) Доброй Вам ночи) Если не найду других решений, буду использовать данный метод.

Answer 2

[svetlov97]

Просто напиши функцию js и все. Кстате говоря, если jquery то даже легче.

Comments

[DivineDraft]

Подскажите, пожалуйста пример и каким образом определить конкретный телевизор?

[svetlov97]

Хех, зачем тебе это? Просто допиши код который будет делать то что делает width:calc(100% - 240px) и все)

[DivineDraft]

svetlov97, результат меняется каждый px, адаптивность конкретно совсем на все, и не важно будет ли к примерно на 657px разрешение или нет.

[svetlov97]

DivineDraft, если честно то я не понял что вы сейчас написали

[DivineDraft]

svetlov97, вы имели виду, написать сразу результат просчета 100% - 240px, но как его указать, если разрешение 100% то 1400px то 600px?

[svetlov97]

Я вас не понял, как 100% от 1400 может быть 600

[DivineDraft]

svetlov97, div со 100% хранится в диве, который указывает местоположение и имеет ширину 100% и максимальную ширину к примеру 1200px.

[svetlov97]

DivineDraft, эмм... я понял, но почему через jquery не узнать например ширину родителя?

[DivineDraft]

svetlov97, кол-во подобных элементов более 30, опять же, я так полагаю применяется каждый раз в html код, будет ли валидация видит данные просчет у себя? Так как указано по исходу скрипта будет, пример: div class="block" style="width:190px"?

[svetlov97]

Так... это не к чему не приведет... какой движок браузера на тв?

[DivineDraft]

svetlov97, ну сайты проверок показывают платформу: Linux armv7i
samsung internet browser

[svetlov97]

Префиксы пробовали добавлять?

[svetlov97]

/* Firefox */
width: -moz-calc(100% - 500px);
/* WebKit */
width: -webkit-calc(100% - 500px);
/* Opera */
width: -o-calc(100% - 500px);
/* Standard */
width: calc(100% - 500px);

[svetlov97]

Или попробуйте альтернативу
width: expression(100% - 500px);