Запитання з тегом «aspect-ratio»

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

1058 html  css  responsive-design  aspect-ratio 

Я працюю з зображеннями, і я зіткнувся з проблемою із співвідношенням сторін. <img src="big_image.jpg" width="900" height="600" alt="" /> Як бачите, heightі widthвже вказані. Я додав правило CSS для зображень: img { max-width:500px; } Але бо big_image.jpgя отримую width=500і height=600. Як я можу встановити зображення, які слід змінити розмір, зберігаючи їх …

577 css  image  aspect-ratio 

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

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

Я працював над створенням власної активності камери на Android, але при обертанні камери співвідношення сторін у вигляд поверхні псується. У своєму створенні для активності я встановлюю рамку, що містить вигляд поверхні, що відображає параметри камери. //FrameLayout that will hold the camera preview FrameLayout previewHolder = (FrameLayout) findViewById(R.id.camerapreview); //Setting camera's preview …

136 android  android-camera  surfaceview  preview  aspect-ratio 

Я бачив у багатьох публікаціях щодо зміни розміру зображення, зберігаючи співвідношення сторін. Ці функції використовують фіксовані точки (ширина та висота) для RECT під час зміни розміру. Але в моєму проекті мені потрібно змінити розмір подання лише на основі Ширини. Висоту слід приймати автоматично на основі співвідношення сторін. хтось допоможе мені …

136 iphone  objective-c  ios  aspect-ratio  fixed-width 

У мене є веб-сайт, який має фіксований співвідношення сторін приблизно 16:9пейзаж, як на відео. Я хочу, щоб його було по центру і розширено, щоб заповнити наявну ширину та доступну висоту, але ніколи не збільшуватись з обох боків. Наприклад: Висока і тонка сторінка матиме вміст, що розтягується на повну ширину, зберігаючи …

122 html  css  responsive-design  aspect-ratio 

Зачинено. Це питання не відповідає вказівкам щодо переповнення стека . Наразі відповіді не приймаються. Хочете вдосконалити це питання? Оновіть питання, щоб воно було тематичним для переповнення стека. Закрито 2 роки тому . Удосконалюйте це питання Якщо ні, чи існує перелік дозволів екрану для найпопулярніших телефонів та планшетів Android.

97 android  screen-resolution  aspect-ratio 

Здається, це повинно бути легко, але я просто чогось не отримую. Я хочу створити HTML-сторінку, що містить одне зображення SVG, яке автоматично масштабується відповідно до вікна браузера, без будь-якої прокрутки та при цьому зберігаючи співвідношення сторін. Наприклад, на даний момент я маю зображення SVG 1024x768; якщо область перегляду браузера 1980x1000, …

94 layout  xhtml  svg  scaling  aspect-ratio 

Я планую використовувати його з JavaScript для обрізання зображення відповідно до всього вікна. Редагувати : я буду використовувати сторонній компонент, який приймає співвідношення сторін лише у такому форматі як: 4:3, 16:9.

87 javascript  algorithm  crop  aspect-ratio 

Коли я встановлюю рівне співвідношення сторін для тривимірного графіку, вісь z не змінюється на "рівне". Отже, це: fig = pylab.figure() mesFig = fig.gca(projection='3d', adjustable='box') mesFig.axis('equal') mesFig.plot(xC, yC, zC, 'r.') mesFig.plot(xO, yO, zO, 'b.') pyplot.show() дає мені таке: де очевидно, що одиниця довжини осі z не дорівнює одиницям x та y. …

87 python  matplotlib  aspect-ratio 

Я реалізував деякі екрани, використовуючи libGDX, які, очевидно, використовуватимуть Screenклас, передбачений фреймворком libGDX. Однак реалізація для цих екранів працює лише з попередньо визначеними розмірами екрану. Наприклад, якщо спрайт був призначений для екрану розміром 640 x 480 (співвідношення сторін 4: 3), він не працюватиме так, як це було призначено для інших …

81 android  opengl-es  libgdx  aspect-ratio 

Розглянемо такий файл макета: <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent"> <android.support.constraint.ConstraintLayout android:id="@+id/activity_main" android:layout_width="match_parent" android:layout_height="match_parent" android:background="#FF0000" android:paddingBottom="@dimen/activity_vertical_margin" android:paddingLeft="@dimen/activity_horizontal_margin" android:paddingRight="@dimen/activity_horizontal_margin" android:paddingTop="@dimen/activity_vertical_margin"> <ImageView android:layout_width="0dp" android:layout_height="0dp" android:background="#0000FF" android:padding="16dp" app:layout_constraintBottom_toBottomOf="parent" app:layout_constraintTop_toTopOf="parent" app:layout_constraintLeft_toLeftOf="parent" app:layout_constraintDimensionRatio="H,3:1" tools:layout_editor_absoluteX="16dp" /> </android.support.constraint.ConstraintLayout> </RelativeLayout> Я не впевнений, як працює app: layout_constraintDimensionRatio. Я розумію, що відношення завжди буде шириною: висотою. …

79 android  android-layout  scale  aspect-ratio  android-constraintlayout 

У мене є макет flexbox, що містить два елементи. Один з них використовує padding-bottom : Показати фрагмент коду #flexBox { border: 1px solid red; width: 50%; margin: 0 auto; padding: 1em; display: flex; flex-direction: column; } #text { border: 1px solid green; padding: .5em; } #padding { margin: 1em 0; …

75 css  padding  flexbox  aspect-ratio