官术网_书友最值得收藏!

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%;
}
主站蜘蛛池模板: 遂平县| 铜川市| 乌兰察布市| 宁远县| 县级市| 汉沽区| 游戏| 昌黎县| 肇州县| 松阳县| 夹江县| 竹山县| 淄博市| 怀安县| 弋阳县| 安远县| 兖州市| 赤城县| 资兴市| 龙井市| 班戈县| 屯留县| 望奎县| 吉安县| 鄂尔多斯市| 比如县| 万山特区| 虎林市| 南通市| 田东县| 买车| 牡丹江市| 望奎县| 巴彦淖尔市| 兖州市| 公主岭市| 和林格尔县| 虞城县| 荃湾区| 离岛区| 元谋县|