The only scenario in which I would create multiple copies of the document in varying sizes is if one was intended for print only and the other was intended for digital use and possibly at home printing.
The only difference here (usually) is that the official print version is designed in spreads (2-3 pages side by side) so that it actually becomes a true brochure. The web version is done in a single page layout so it's easy for users to read on devices and print at their convenience.
With that in mind...
1. Certain ratio/screen size
First of all here's Adobe's solution to your problem. They recommend tagging your PDFs so mobile apps can re-flow them and make them usable on mobile devices. Note: this will break your design if your layout is created as a letter-size 12pt. type of document.
I personally think that this is a great solution to optimizing for multiple devices in one PDF. When viewing PDFs on my mobile device, it's pleasantly surprising when I don't have to zoom and scroll all around to read the doc.
Additional Benefit: Tagging PDFs makes them accessible (screen readers get their info from this).
Another item you may want to consider is aspect ratio. Choosing an aspect ratio that's common/appropriate for most mobile devices will greatly increase the PDFs mobile-friendliness. If you want to learn more about aspect ratios, check out this article.
According to this source, the most common mobile display resolution is currently 1280x720. Designing to this size spec will help optimize your doc for mobile use.
2. Mobile first design?
In short, yes I would definitely do this.
PDFs on mobile can be incredibly annoying to read due to them commonly being designed as a print document.
3. Different sizes for different screens?
No, I would not do this. If you design for the smallest size, it's quite likely that the design will be usable in the larger sizes (tablet, desktop).
It seems like a waste of your time to create and maintain multiple documents with the same content and varying designs. Not to mention you then have to hide/reveal each varying size depending on the device the user is presently using. Basically, it's a lot of extra work for not much gain.
Ultimately...
This is probably better done in HTML/CSS. You can avoid PDF all together if you use .epub format. This also saves you the trouble of tagging PDFs so they can be reflowed (again, extra work).