RELATEED CONSULTING
相关咨询
选择下列产品马上在线沟通
服务时间:9:30-18:00
你可能遇到了下面的问题
关闭右侧工具栏
如何开发手机端网页如何让网页自适应
  • 作者:小万
  • 发表时间:2021-06-12 17:19
  • 来源:未知

  很多时候我们开发的页面需要自适应移动端和手机端,那么如何实现呢?其实很简单,看下面

  好了现在我们来开始正式实现让网页自适应,不管在pc电脑端还是移动端都能正常的显示。

  新代码在pc端运行效果如图所示(和没添加name为viewport的meta标签前一样):

  首先,meta标签存储的是一些用户不可见,但是浏览器可见的一些元信息,一般以键值对的方式存储。

  initial-scale=1.0表示页面首次被显示时,按实际尺寸显示,无任何缩放(没加这个代码前,在移动端文字变小了就是因为被缩放了)

  width,initial-scale两个属性值写了后就能达到初步自适应了。但是实际上还有几个属性我们也可以学习下。

  (设置以上两点后,用户就不能缩放网页了,同时网页也将不用担心被用户缩放变形的问题了)