Запитання з тегом «responsive-design»

Мені важко обійтися масштабуванням шрифту. На даний момент у мене є цей сайт із font-size100%. 100% що хоч? Здається, це обчислюється в 16 пікселів. У мене було враження, що на 100% якимось чином посилається на розмір вікна браузера, але, мабуть, не тому, що це завжди 16 пікселів, незалежно від того, …

1185 css  responsive-design  font-size 

Я хочу створити таке, divяке може змінювати його ширину / висоту, оскільки змінюється ширина вікна. Чи є правила CSS3, які дозволяли б змінювати висоту відповідно до ширини, зберігаючи її співвідношення сторін ? Я знаю, що можу це зробити через JavaScript, але я вважаю за краще використовувати лише CSS.

1058 html  css  responsive-design  aspect-ratio 

У чому різниця між col-lg-*, col-md-*і col-sm-*в Twitter Bootstrap?

544 css  twitter-bootstrap  twitter-bootstrap-3  responsive-design  bootstrap-4 

Мене плутають різні варіанти в сітці завантажувального закладу щебетання та те, як вони йдуть разом. Почнемо з того , що ви можете мати звичайний фіксований containerабо container-fluid. Тоді або один може включати в себе або звичайний row, або ряд рідини, row-fluid. Тобто, у вас може бути фіксований контейнер з рядком …

399 twitter-bootstrap  responsive-design  fluid-layout  fixed-width 

Я створив сайт за допомогою сітки Zurb Foundation 3 . Кожна сторінка має великий h1: body { font-size: 100% } /* Headers */ h1 { font-size: 6.2em; font-weight: 500; } <div class="row"> <div class="twelve columns text-center"> <h1> LARGE HEADER TAGLINE </h1> </div> <!-- End Tagline --> </div> <!-- End Row …

343 css  responsive-design  font-size  zurb-foundation  em 

Кожен підручник з розробки чуйних веб-сайтів рекомендує використовувати display:noneвластивість CSS для приховування вмісту від завантаження в мобільних браузерах, щоб веб-сайт завантажувався швидше. Це правда? Чи має display:noneне завантажувати зображення або ж вона до сих пір завантаження контенту на мобільному браузері? Чи є спосіб запобігти завантаженню непотрібного вмісту в мобільних браузерах?

336 css  responsive-design 

Якщо дивитися через завантажувальний інструмент, схоже, вони підтримують згортання елементів меню для менших екранів. Чи є щось подібне для інших елементів на сторінці? Наприклад, у мене поряд із навігаційними таблетками пливли праворуч. На маленькому екрані це спричиняє проблеми. Я хотів би принаймні розмістити його в подібному спадному меню "натисніть на …

298 html  css  twitter-bootstrap  responsive-design 

Я хочу, щоб кнопка займала повну ширину стовпця, але виникли труднощі ... <div class="span9 btn-block"> <button class="btn btn-large btn-block btn-primary" type="button">Block level button</button> </div> Як зробити кнопку такою широкою, як стовпчик?

276 css  twitter-bootstrap  html  responsive-design 

Припустимо, у мене є сценарій гістограми, який створює графіку 960 500 svg. Як зробити так, щоб цей розмір був чутливим, щоб графічні ширини та висоти були динамічними? <script> var n = 10000, // number of trials m = 10, // number of random variables data = []; // Generate an …

224 javascript  responsive-design  d3.js 

В даний час, коли ширина браузера опускається нижче 768 пікселів, навігація переходить у режим згорнутого. Я хочу змінити цю ширину на 1000px, тому, коли браузер нижче 1000px, навбар переходить у режим згорнутого. Я хочу це зробити, не використовуючи менше, я використовую стилус, а не менше. Моє питання те саме, що …

205 css  twitter-bootstrap  responsive-design  navbar  collapse 

У мене є веб-сайт (g-floors.eu), і я хочу, щоб фон (у css я визначив bg-зображення для вмісту) також відповідальним. На жаль, я дійсно не маю уявлення про те, як це зробити, за винятком однієї речі, яку я можу придумати, але це цілком обхідний шлях. Створення декількох зображень, а потім використання …

196 css  responsive-design  background-image  image-resizing 

(Це запитання на багато частин. Я постараюся зробити все можливе, щоб узагальнити сценарій.) Наразі ми будуємо чуйний веб-додаток (читач новин), який дозволяє користувачам переходити між вмістом на вкладках, а також прокручувати вертикально всередині кожного вмісту вкладок. Поширений підхід до проблеми полягає в тому, щоб мати обгортку, divяка заповнює вікно перегляду …

191 javascript  ios  css  responsive-design  mobile-safari 

Чи IE8 не підтримує наступний медіа-запит CSS: @import url("desktop.css") screen and (min-width: 768px); Якщо ні, то який альтернативний спосіб написання? Це ж чудово працює у Firefox. Якісь проблеми з кодом нижче? @import url("desktop.css") screen; @import url("ipad.css") only screen and (device-width:768px);

178 html  css  responsive-design  internet-explorer-8  media-queries 

На цей питання є відповіді на Stack Overflow на російському : Сетка з адаптивних (чуйних) квадратов Мені цікаво, як би я пішов про створення макета з чуйними квадратами . Кожен квадрат мав би вміст, розташований вертикально і горизонтально . Конкретний приклад наведено нижче ...

170 html  css  responsive-design  grid-layout  aspect-ratio 

Я читав це повідомлення про stackoverflow під назвою "Чи можете ви зробити iFrame чуйним?", І один із коментарів / відповідей привів мене до цього jfiddle. Але коли я спробував реалізувати HTML та CSS, щоб відповідати моїм потребам, у мене не було однакових результатів / успіху. Я створив свою власну загадку …

144 css  iframe  responsive-design