- Full-Stack Vue.js 2 and Laravel 5
- Anthony Gore
- 52字
- 2021-07-02 19:57:22
Window
Let's now add markup for the window that will be overlaid on our background panel. The window will have a width constraint and will be centered in the viewport.
index.html:
<p id="modal" v-bind:class="{ show : modalOpen }"> <p class="modal-content"> <img src="sample/header.jpg"/> </p> </p>
style.css:
.modal-content { height: 100%; max-width: 105vh; padding-top: 12vh; margin: 0 auto; position: relative; } .modal-content img { max-width: 100%; }
推薦閱讀
- Java語言程序設計
- Clojure Programming Cookbook
- C++面向對象程序設計(微課版)
- 算法精粹:經典計算機科學問題的Java實現
- 你不知道的JavaScript(中卷)
- Java:High-Performance Apps with Java 9
- SSM開發實戰教程(Spring+Spring MVC+MyBatis)
- Developing SSRS Reports for Dynamics AX
- Kivy Cookbook
- Building Serverless Architectures
- JavaScript機器人編程指南
- QlikView Unlocked
- Beginning PHP
- 計算思維與Python編程
- INSTANT Lift Web Applications How-to