2_H5新标签练习

练习

  1. name="viewport":屏幕设定
  2. maximum-scale=1.0,minimum-scale=1.0;initial-scale=1.0:最大最小缩放比例为1:其实就是不允许点击缩放
  3. user-scalable=0,width=device-width:设定内容和设备的屏幕等宽,等高

浮动:float: left 暂时可以简单理解为它的作用就是可以让块元素不换行,而是从左向右排列

margin: 0暂时只需知道它可以设置外边距,可以去掉body和内容的白边即可。

overflow: auto 内容超出父元素容器后自动加滚动条

text-decoration: none 给a标签去掉下划线,仅作了解

代码1.png
代码2.png
1.gif
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 原文地址 在移动设备上进行网页的重构或开发,首先得搞明白的就是移动设备上的viewport了,只有明白了viewp...
    matthewm阅读 5,423评论 0 4
  • 开发移动网页时,你一定会遇到下面这段代码: 在网页的 中增加以上这句话,可以让网页的宽度自动适应手机屏幕的宽度。其...
    gzgogo阅读 6,828评论 4 16
  • 刚开始做移动端web开发的同学应该都碰到过页面适配问题,为什么我在开发手机上调试好的页面在其他手机会有这样或那样的...
    留七七阅读 19,643评论 5 80
  • 今天跟家人去海岸城逛街了,也带妈尝试了之前推荐挺多次的越南米粉。 每到周末,只要出去有喜茶的地方,我都会说今天我要...
    Michiko七七阅读 1,819评论 0 0
  • 看一看日历,不知不觉中已经要过完这一年。女儿生病一个多星期了,还没好,前天晚上给她洗了澡,发烧好了四天了,想着差...
    三月来疯阅读 1,792评论 0 0

友情链接更多精彩内容