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

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%;
}
主站蜘蛛池模板: 凤庆县| 济阳县| 翁源县| 乐山市| 韶山市| 德安县| 龙口市| 永和县| 都匀市| 合肥市| 台南市| 东明县| 潼关县| 寿光市| 盐津县| 靖宇县| 旺苍县| 临漳县| 靖江市| 涿州市| 东宁县| 江陵县| 阜新| 灵宝市| 同心县| 庆安县| 霍山县| 新巴尔虎左旗| 宜兰县| 定州市| 和平区| 乌拉特前旗| 老河口市| 大邑县| 蒲城县| 郸城县| 三亚市| 淮安市| 阿鲁科尔沁旗| 樟树市| 怀柔区|