我想总是在响应中显示工具栏ios（safari）

Question

我修好了ios safari菜单总是显示状态栏菜单，如图所示，谢谢大家。

Answer 1

您可以使用position: fixed来修复某些内容， 并bottom: 0与left: 0对齐左下角的内容：

footer {
    position: fixed;
    bottom: 0;
    left: 0;
}

您可以在下面看到我的代码段描述，或者我也有Codepen。

footer {
  position: fixed;
  bottom: 0;
  left: 0;

  /* These rules below are just to make the answer look pretty */
  width: 100%;
  height: 25px;
  padding: 25px;
  background-color: lightblue;
}

<div class='main'>
Lorem ipsum dolor sit amet, pri dolor consul commodo ea. <br /> Quo inani rationibus constituam no, sed in ridens civibus. <br /> Vidit detracto corrumpit mel eu, ea iriure integre eum, vim ea possit inciderint. <br /> Eam solum autem et, diam tempor dicunt no nec. <br />

Mea electram persecuti maiestatis at, probo quidam sapientem eu pri. <br /> Ius ut diam nominavi signiferumque, per prima autem maiestatis ex. <br /> Nec ipsum conclusionemque in. <br /> Fabulas recteque ad eos. <br /> Mea et tamquam disputationi, ut has mazim invenire persequeris. <br />

Mei tempor possim consequat at, conceptam expetendis in per, mundi detracto nominati qui no. <br /> Fastidii percipitur ut vim. <br /> Cu accumsan verterem eos, fugit reformidans dissentiunt cu qui. <br /> Ex rebum paulo nam. <br /> Vim ne tantas dissentiet, ea nobis ridens sadipscing pri, an sint atomorum explicari quo. <br /> Mea graeco scripta ei. <br /> Mei mutat reprimique ut. <br />

Ei alii qualisque appellantur ius, dolores sensibus in mel. <br /> Sed expetenda intellegat at, vis ei movet causae tibique, eu vim veniam quodsi. <br /> Est salutatus evertitur eu, te mei iudico melius sanctus. <br /> Ex impedit quaestio mel, senserit convenire elaboraret vix et. <br /> Ei idque postulant maluisset eos, usu graeci oportere te. <br /> Usu error inciderint id, has an integre sententiae, eripuit forensibus ei eam. <br />

Hinc aliquam salutandi mei ea, pro urbanitas necessitatibus an. <br /> Reque labitur splendide eos cu. <br /> Vitae consul vituperata et mei, cum ei summo viris option. <br />  Eu mei quas ceteros, an vix animal admodum accusam, id mollis euismod nec. <br /> Ne sea nibh denique, ut dico erant apeirian sea. <br /> 
</div>
<footer>
  I'm a footer!
</footer>