美文网首页
pc端在手机端显示适配问题

pc端在手机端显示适配问题

作者: 有一种感动叫做丶只有你懂 | 来源:发表于2019-08-28 14:34 被阅读0次

1.替换index.html的meta标签

<meta name="viewport" content="width=device-width, initial-scale=0.1, maximum-scale=1,user-scalable=0"/>
  
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>

initial-scale:默认屏幕缩放比例(0-1);
user-scalable:处理input聚焦时屏幕会放大;
width:原理:所有的宽度百分比都是根据meta标签里面的width值设置的,此处的width值取得是窗口的width,固可以达到width是每个屏幕的宽度

相关文章

  • pc端在手机端显示适配问题

    1.替换index.html的meta标签 initial-scale:默认屏幕缩放比例(0-1);user-sc...

  • 移动端适配及pc端跳转代码

    移动端rem适配 pc端跳转

  • 移动端1像素的问题

    移动端1像素的问题 问题:一般在移动端,由于dpr(设备像素比)不为1,在PC端显示1像素的边框,在移动端其实显示...

  • 微信小游戏屏幕适配

    作者: 何永峰;标签: 屏幕适配 屏幕适配 适配都是老生常谈,移动端要根据手机屏幕适配,PC端也有时候根据不同的...

  • 【CSS】margin和padding使用百分比

    最近在做一个小项目,前端部分需要适配手机端。由于工期比较急,先上线PC端,所以在开发PC端样式的时候,没有考虑太多...

  • 前端开发常见问题精选(二)

    一、如何解决Canvas画布在移动端显示模糊的问题? Canvas画布在PC端显示正常,但是放在移动端却发现整个画...

  • React 适配PC端与手机端

    之前有个公司项目,需求需要在其他公司页面跳转到我们公司的信息填写界面,要求要适配PC端与手机端。 UI出了2套图,...

  • 响应式页面

    我们俗称的响应式页面,既能再pc端显示也能在移动端显示,一般来说,pc端的页面相对于手机端来说,页面较为宽大,显示...

  • 2-移动端适配问题

    解决网页在移动端的适配问题,一般的思路是通过查询设备的屏幕大小,自动对元素进行等比缩放,如果是PC端的适配问题就是...

  • 关于适配与兼容问题

    概述 今天做了一个很简单的pc网页适配,主要要适配ipad端和手机端,结合之前的思考,记录下来,当做总结。 适配和...

网友评论

      本文标题:pc端在手机端显示适配问题

      本文链接:https://www.haomeiwen.com/subject/ksnpectx.html