marp-team / marp-vscode

Marp for VS Code: Create slide deck written in Marp Markdown on VS Code
https://marketplace.visualstudio.com/items?itemName=marp-team.marp-vscode
MIT License
1.55k stars 72 forks source link

Exported page out of bounds #331

Closed Goooler closed 2 years ago

Goooler commented 2 years ago

Version of Marp Tool

@marp-team/marp-cli v1.7.0 (w/ @marp-team/marp-core v2.3.2)

Operating System

macOS

Environment

How to reproduce

---

## 已经调研还未实施的部分工作

#### Gradle 7.4:

- ##### [Version catalogs](https://docs.gradle.org/7.4/userguide/platforms.html)
- ##### [Type-safe project accessors](https://docs.gradle.org/7.0/userguide/declaring_dependencies.html#sec:type-safe-project-accessors)
- ##### [Configuration cache](https://docs.gradle.org/7.4/userguide/configuration_cache.html)

#### AGP 7.0+:

- ##### [R8 fullMode](https://r8.googlesource.com/r8/+/refs/heads/master/compatibility-faq.md)
- ##### [Namespace](https://developer.android.com/studio/build/configure-app-module#set-namespace)
- ##### [nonTransitiveRClass](https://blog.blundellapps.co.uk/speed-up-your-build-non-transitive-r-files/)

#### 其他

- ##### [Hilt 2.41](https://github.com/google/dagger/releases/tag/dagger-2.41)
- ##### [Renovate](https://www.whitesourcesoftware.com/free-developer-tools/renovate/)

---
image

Expected behavior

image

Actual behavior

image

Additional information

No response

yhatt commented 2 years ago

This is not a bug. Marp crops contents at the slide edge.

It is up to you which action to deal with it you'll take: reduce contents, split into a new slide, or make smaller font size through scoped style.

Goooler commented 2 years ago

But I added this:

<style scoped>
table { font-size: 80%; }
</style>

Seems it doesn't work.

yhatt commented 2 years ago

It's natural because table { ... } means to set style only for the table. You should use section (the slide container) instead of table.