Минимальная шкала Boostrap с rotativa PDF

Question

У меня проблема при использовании rotativa, что моя страница начальной загрузки всегда масштабируется до минимума при печати. Есть ли способ установить размер видового экрана для моего представления, поэтому он не будет масштабировать бутстрап до минимума для создания PDF?

реализация контроллера

[HttpGet] 
public ActionResult DownloadViewPDF() 
{ 
    var vm = new Viewmodel(); 
    return new Rotativa.ViewAsPdf("SummaryPDF", vm) { FileName = "TestViewAsPdf.pdf", PageSize = Size.A4 }; 
} 

И это мое общее мнение реализация

<div class="row"> 
    <div class="col-sm-6"> 
     <div class="form-group"> 
      <span class="label">Email</span> 
      <span class="form-control-static">test@email.com</span> 
     </div> 
    </div> 
    <div class="col-sm-6"> 
     <div class="form-group"> 
      <div class="required-enabled"> 
       <span class="label">Phone</span> 
       <span class="form-control-static">(804) 222-1111</span> 
      </div> 
     </div> 
    </div> 
</div> 

Я попробовал несколько вещей, для примера, используя настройки PageSize, PageHeight, PageWidth из rotativa. Кажется, что Nothings препятствует масштабированию. Я также пробовал использовать CustomSwitches, но не смог найти параметр, обеспечивающий результат, который я хотел.

Я также попытался установить статический размер видового экрана в метатеге html и инкапсулировать мой вид в div со статической шириной. Ни одна из этих вещей, похоже, не позволяет масштабировать PDF до минимально возможного отображения начальной загрузки.

Answer 1

Решение закончило тем, что вставляло весь наш отзывчивый дизайн в таблицы, тем самым разрушая отзывчивый дизайн для печатной части. Казалось, что другого пути я не мог найти. Было бы неплохо, если бы функция указала только размер видового экрана для печати.

Answer 2

вам нужно изменить col-sm-* к col-xs-*

Answer 3

Решение изменить все col-md и col-sm в col-xs. Это должно сделать трюк.

Answer 4

Я использую "--viewport-размер" переключатель

new ViewAsPdf("Edit", model) { PageOrientation = Orientation.Landscape, CustomSwitches = "--viewport-size 1000x1000" };