关于html屏幕自适应的问题

h5写了

 <meta name="viewpoint" ......>之

后要实现pc、手机自适应时，是需要引入两个分别适应于pc和手机的css文件js文件吗？

写回答
好问题 0 提建议
追加酬金
关注问题
分享
邀请回答
编辑收藏删除结题
收藏举报

9条回答

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
强圆nice 2015-06-12 15:09
关注
做响应式网站，bootstrap就是自适应不同设备的

这个问题要在网页中判断是电脑还是手机设备

这个代码放在网页头文件里的css就好啦

本回答被题主选为最佳回答 , 对您是否有帮助呢?

解决无用
评论打赏
分享
举报

评论

按下Enter换行，Ctrl+Enter发表内容

查看更多回答(8条)

报告相同问题？

关注问题

html5怎么才能自适应屏幕大小 html5
2022-05-30 14:12

回答 3 已采纳加这个试试 <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, max
html 网页自适应状态下，小屏幕时，字体最小还是12px，导致样式变化了，怎么解决呢 html5 前端
2022-11-07 17:47

回答 3 已采纳可以利用css中的transform属性来缩小：transform:scale(0.5,1)第一个参数是X轴比例，第二个参数是Y轴比例，第二个参数可省略，若缺省则等于第一个参数。缩小方向：默认是往中间
CSS 屏幕大小自适应 css vue.js 前端
2022-02-25 18:46

回答 1 已采纳 this.$nextTick(()=>{ this.calcRate() })
自适应前端html模板
2020-11-30 14:08

自适应的html模板，内含全部源码和网页，利用css、js、bootstrap。来自B站IT私塾李巍老师的同步课程素材，需要的小伙伴可以自取~
如何实现vue根据屏幕大小自适应宽高缩放 css vue.js 前端
2022-03-02 16:09

回答 1 已采纳你这是大屏吧,全屏不就完全展示了吗
网站布局怎么让banner自适应浏览器宽度？ css3 html5 前端
2022-07-20 16:53

回答 4 已采纳在css设置高度时有几种单位分别是:px,%,vh你可以试试用vh,vh的意思是网页高度的百分比,举例,如果网页高度是1080px,50vh就是一半,就是540px,用vh设置高度比用百分比布局好的地
echarts 饼图的自适应 前端有问必答
2022-06-30 10:09

回答 3 已采纳和上个问题差不多，resize事件更新option pie达到自适应用到window.onresize，根据页面可视宽度动态调整下series的center，radius var timer;
前端自适应屏幕分辨率
2023-03-31 13:35

qq_45422185的博客前端自适应分辨率用css的缩放transform:scale(当前分辨率/标准尺寸)适用按照标准设计图开发,避免使用vw vh rem 之类的单位。
求助让html中body的部分适应屏幕大小或者设置成占屏比85% html5
2019-04-18 17:47

回答 1 已采纳 ```
前端用vue 实现element ui 的tabs 超长自适应 出现轮播箭头功能 css3 javascript vue.js
2021-05-22 00:54

回答 2 已采纳完工~ <style>#tab1,#tab2{width:400px;margin:20px auto} .tab{border:solid 1px #ccc;} .tab .
怎样的编辑语言适合写出自适应的手机网页端或者应用程序前端有问必答
2021-08-10 16:16

回答 2 已采纳 bootstrap框架已经帮你打好了框架，按照bootstrap的css类设置好框架，会自适应不同的浏览器和分辨率。参考： https://www.runoob.com/bootstrap/boo
前端自适应实现方法
2021-10-12 19:54

温其如玉_zxh的博客前端自适应实现方法（移动端）
vue如何设置使各个手机屏幕都适应？ css html5 vue.js
2023-01-03 12:22

回答 4 已采纳用rem，然后根据宽度修改rem。但是这个不用你专门造轮子，有专门的插件px2rem安装这个插件然后你直接写px就可以，他会把除了行内式以外的px自动转化成rem
Html5让容器充满屏幕高度或自适应剩余高度的布局实现
2021-01-19 14:43

在前端页面布局中，经常会碰到要让容器充满整个屏幕高度或者剩余屏幕高度的需求。一般这时候都会想当然的使用 height:100% 这样的 CSS 来写。这样写的话，当容器内内容很多的时候是没有问题的，可以达到预期的效果，...
前端页面自适应设置
2022-11-03 18:45

REX_PERSIST的博客根据UI设计稿和设备尺寸的大小比例，动态计算并更改html根元素字体大小，页面使用rem单位自适应缩放。对于一些引入的库，例如swiper、antd carousel 中是不能转换的，只能转自定义的内容。要求： 1220 内容
没有解决我的问题, 去提问

悬赏问题

¥15 用matlab 设计一个不动点迭代法求解非线性方程组的代码
¥15 牛顿斯科特系数表表示
¥15 arduino 步进电机
¥20 程序进入HardFault_Handler
¥15 oracle集群安装出bug
¥15 关于#python#的问题：自动化测试
¥20 问题请教！vue项目关于Nginx配置nonce安全策略的问题
¥15 教务系统账号被盗号如何追溯设备
¥20 delta降尺度方法，未来数据怎么降尺度
¥15 c# 使用NPOI快速将datatable数据导入excel中指定sheet，要求快速高效