describing new presentation sizing logic in readme
parent
98a99086ac
commit
f45d94850f
42
README.md
42
README.md
|
@ -56,19 +56,6 @@ At the end of your page you need to initialize reveal by running the following c
|
||||||
```javascript
|
```javascript
|
||||||
Reveal.initialize({
|
Reveal.initialize({
|
||||||
|
|
||||||
// The "normal" size of the presentation, aspect ratio will be preserved
|
|
||||||
// when the presentation is scaled to fit different resolutions. Can be
|
|
||||||
// specified using percentage units.
|
|
||||||
width: 960,
|
|
||||||
height: 700,
|
|
||||||
|
|
||||||
// Factor of the display size that should remain empty around the content
|
|
||||||
margin: 0.1,
|
|
||||||
|
|
||||||
// Bounds for smallest/largest possible scale to apply to content
|
|
||||||
minScale: 0.2,
|
|
||||||
maxScale: 1.4,
|
|
||||||
|
|
||||||
// Display controls in the bottom right corner
|
// Display controls in the bottom right corner
|
||||||
controls: true,
|
controls: true,
|
||||||
|
|
||||||
|
@ -112,6 +99,35 @@ Reveal.initialize({
|
||||||
|
|
||||||
Note that the new default vertical centering option will break compatibility with slides that were using transitions with backgrounds (`cube` and `page`). To restore the previous behavior, set `center` to `false`.
|
Note that the new default vertical centering option will break compatibility with slides that were using transitions with backgrounds (`cube` and `page`). To restore the previous behavior, set `center` to `false`.
|
||||||
|
|
||||||
|
|
||||||
|
### Presentation Size
|
||||||
|
|
||||||
|
All presentations have a normal size, that is the resolution at which they are authored. The framework will automatically scale presentations uniformly based on this size to ensure that everything fits on any given display or viewport.
|
||||||
|
|
||||||
|
See below for a list of configuration options related to sizing, including default values:
|
||||||
|
|
||||||
|
```javascript
|
||||||
|
Reveal.initialize({
|
||||||
|
|
||||||
|
...
|
||||||
|
|
||||||
|
// The "normal" size of the presentation, aspect ratio will be preserved
|
||||||
|
// when the presentation is scaled to fit different resolutions. Can be
|
||||||
|
// specified using percentage units.
|
||||||
|
width: 960,
|
||||||
|
height: 700,
|
||||||
|
|
||||||
|
// Factor of the display size that should remain empty around the content
|
||||||
|
margin: 0.1,
|
||||||
|
|
||||||
|
// Bounds for smallest/largest possible scale to apply to content
|
||||||
|
minScale: 0.2,
|
||||||
|
maxScale: 1.0
|
||||||
|
|
||||||
|
});
|
||||||
|
```
|
||||||
|
|
||||||
|
|
||||||
### Dependencies
|
### Dependencies
|
||||||
|
|
||||||
Reveal.js doesn't _rely_ on any third party scripts to work but a few optional libraries are included by default. These libraries are loaded as dependencies in the order they appear, for example:
|
Reveal.js doesn't _rely_ on any third party scripts to work but a few optional libraries are included by default. These libraries are loaded as dependencies in the order they appear, for example:
|
||||||
|
|
Loading…
Reference in New Issue