想要固定在底部用 position：fixed； bottom：0；但是这里有一种情况，就是当手机键盘弹出时，可能影响你的垂直布局，不过目前并没有办法监控键盘是不是弹出来了。
专业成都网站建设公司，做排名好的好网站，排在同行前面，为您带来客户和效益!成都创新互联公司为您提供成都网站建设，五站合一网站设计制作，服务好的网站设计公司，成都网站制作、做网站负责任的成都网站制作公司!
在iOS上，导航栏是指显示在应用程序顶部，位于状态栏下方的容器区域，层级应高于当前页面内容。在安卓上，Google公司在MaterialDesign中也赋予了它同样的定义，但是却给了它另一个名称，顶部应用栏（TopAppBar）。
首先需要给菜单栏设置一个父元素，然后在父元素中添加子元素，子元素中包含菜单的选项。接着使用CSS设置子元素的样式，让其默认隐藏，当鼠标悬停或点击时显示出来。
前面也有提到过，只有设置了 viewport-fit=cover，才能使用 env()。这一步根据实际页面场景选择，如果不设置这个值，可能存在小黑条遮挡页面最底部内容的情况。
请单击“文件”“新建”以创建新的web源文件。默认情况下，新类型是OK。如果您有其他需要，可以选择页面类型、布局等，然后单击“创建”按钮。
然而这只是适应手机的前提条件，它告诉手机适配，这是一个响应式网站，然后需要写css去重置样式，这个需要专业的前端知识。
并不是加了meta标签，网站就会自适应手机屏幕了，还需要更改一些样式。
选择加载CSS “自适应网页设计”的核心就是CSS3引入的MediaQuery模块，它的意思就是，自动探测屏幕宽度，然后加载相应的CSS文件。
没用响应式布局，电脑的屏幕本来就比手机屏幕宽，要是包含图片的板块没用百分比而是设的实际像素，就会出现这种情况。
正常页面尺寸常规书写即可，横屏样式单独设置。即只需在原有样式基础上添加横屏样式即可，@media screen and (orientation： landscape) { /*横屏 css*/}当用户横屏时加载横屏样式，竖屏时取消横屏样式即加载默认样式。
一定要设置成居中对齐，这样当分辨率降低之后，背景图或者Banner图左右、中间1200宽度的盒子依然居中对齐，不会出现向左向右偏离。盒子里的p等小盒子可以用百分比来表示，来达到页面自适应。
兼容问题，也可以说是CSS未设置好。你这样单单一张图很难调的。看样子是左侧那图片太大，在手机上不会自动调节大小，而且手机宽度不够，所以才那样。
如果设置right和bottom则会显示在左上角）。临时的解决办法是：设置top，right，bottom和left的值时，用百分比设置。这样可能要好一点，但也好不到哪里去。绝对定位就是这样了，实在不行看看有没有其他的替代方法。
