Софтуерно Инженерство
Loading...
+ Нов въпрос
fencho avatar fencho 35 Точки
Best Answer

Здравей,

Responsive кода си работи отлично ако си го поставил правилно на правилното место. За да видиш дали работи трябва да свиеш страницата. Функцията responsive се сътои в това да свие формата когато ширината на екрана стане по малка от зададената ширина на формата. Ако кода го няма при свиване на екрана се получава скролер, в противен случай формата се свива и всичко е наред.

Натисни F12 и свий екрана:

1. Това е без код. Вижда се че при 366px  се появява скролер заради формата защото не е responsive .

2. Това е с код. Скролера се появява при свиване на екрана под 317px но не заради формата, а заради друг елемент. Формата се е свила т.е. e responsive.

Ако при свит екран не ти работи Responsive провери да не си забравил някоя скоба отворена, или да не си го закоментарил или да не си пропуснал някоя точка или.....

0
02/08/2017 07:09:37
AlexHristov avatar AlexHristov 20 Точки

Благодаря за изчерпателния отговор. Много полезна информация!

0
George221b avatar George221b 64 Точки

Здравей,

много трудно да се каже от къде идва точно проблема без да се види точно за кое говориш. Истината е, че дори ако се види, може пак да не се разбере :D просто има толкова много автоматично генериран CSS и става мусака (както казва Наков). 
Причините да не ти отразява промените са няколко (поне доколкото се сещам):

Хубаво виж дали хващаш правилния клас или id. Но това също си е доста tricky. Ще ти покажа как да се ориентираш със примерни скийншоти от youtube.
Ако дадеш десен бутон на формата или полето, което те интересува и искаш да промениш, и после натиснеш Inspect

Ето на този пример може да видиш как съм дал Inspect примерно на search-a v youtube, който пак си е вид форма и искам него да променя. Да речем да го направя по-голям.

Снимка: http://imgur.com/a/O1leS

След като съм видял, че това искам да оразмеря оставя да го променя.
Снимка 2: http://imgur.com/a/zRcOX

Уж съм променил нещата, но си стой все така малко, колкото и да увеличавам пикселите. Това става, защото се намира в друга кутия. С една дума наследява CSS отгоре и нашия се пренаписва и нищо не се променя. Над този input box има още сумати и неща, които са ограничени като големина. С една дума за да го променим наистина, кой стои най-отгоре и пречи на нашия CSS да е в сила.

Снимка3: http://imgur.com/a/RlPqF

 

Като променим нещата там и полето си става по-голямо. Дано съм помогнал :)

Поздрави,
Георги


 

0