搜索 - 腾讯云开发者社区-腾讯云

文章/答案/技术大牛

发布

来自专栏进步博客
利用css @viewport 做设备适配
与使用meta标签一样，仍然建议使用设备无关的值（device-width）来设置viewport宽度。要解决这个问题，开发者就要使用上面介绍的device-width方法，或者在media query里面使用@viewport规则。 @viewport { width: device-width; user-zoom: fixed; } 浏览器支持情况仅IE10/11 , opera 已支持，且需要厂商前缀。 @-ms-viewport { width: device-width; } @-o-viewport { width: device-width; } @viewport { width : device-width; } 所以，目前我们还是需要viewport meta 标签。
78610发布于 2018-08-01
来自专栏超前沿网络空间安全全栈学习宝典
JavaSprict函数
html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width
20010编辑于 2024-10-21
来自专栏JavaPark
HTML 教程：基础标签
DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width
1K20编辑于 2022-05-23
来自专栏超前沿网络空间安全全栈学习宝典
每当我看到你，我的 document.querySelector(‘.heart‘).style.color = ‘red‘；立刻变红，充满激情——全面深入浅出JS
html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width
31310编辑于 2025-06-15
来自专栏Linux云计算及前后端开发
07·灵魂前端工程师养成-HTML重难点
<html lang="zh-CN"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width <html lang="zh-CN"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width <html lang="zh-CN"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width
1.7K30编辑于 2022-10-31
来自专栏全栈开发工程师
【Vue3 从入门到实战进阶式掌握完整知识体系】009-Vue语法基础：表单中双向绑定指令的使用
-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width -8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width -8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width -8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width -8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width
30810编辑于 2025-01-06
来自专栏小康的自留地
前端课程——布局
html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width
68120发布于 2020-04-09
来自专栏java技术大本营
前端Demo |HTML常用标签|适合学习前端一个月的同学
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width
55910编辑于 2022-04-12
来自专栏Python数据结构与算法
【前端寻宝之路】学习和总结CSS的字体属性设置
DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width
49120编辑于 2024-03-14
来自专栏C++
【海贼王航海日志：前端技术探索】CSS你了解多少？(二)
DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width
36610编辑于 2024-08-09
来自专栏佳爷的后花媛
配合JQuery练习
DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width
1.1K30发布于 2018-09-12
来自专栏Python数据结构与算法
【前端寻宝之路】学习和使用CSS的所有选择器
DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width
50810编辑于 2024-03-13
来自专栏用户7873631的专栏
css3选择器高级部分
DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width
44810发布于 2020-11-03
来自专栏全栈开发工程师
【Vue3 从入门到实战进阶式掌握完整知识体系】003-Vue语法基础：模板语法
-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width -8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width -8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width -8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width -8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width
31310编辑于 2025-01-06
来自专栏李蔚蓬的专栏
Vue3 | 常用Vue指令集锦及相关demo运用
DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width
50720发布于 2021-03-02
来自专栏一只程序原
webApis05-swiper插件、window对象、定时器、location
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width
57330编辑于 2022-08-17
零基础学习HTML(10)——striong标签、b标签、em标签、i标签、del标签、ins标签、s标签、u标签、mark标签、sup标签、sub标签、samll标签
"> <head> <meta charset="UTF-8"> <title>第十二节课</title> <meta name="viewport" content="width=device-width "> <head> <meta charset="UTF-8"> <title>第十二节课</title> <meta name="viewport" content="width=device-width "> <head> <meta charset="UTF-8"> <title>第十二节课</title> <meta name="viewport" content="width=device-width "> <head> <meta charset="UTF-8"> <title>第十二节课</title> <meta name="viewport" content="width=device-width "> <head> <meta charset="UTF-8"> <title>第十二节课</title> <meta name="viewport" content="width=device-width
8110编辑于 2026-01-23
来自专栏Java
Es6箭头函数
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width
21200编辑于 2025-01-21
来自专栏CSDNToQQCode
JavaScript-T2
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width
48530编辑于 2022-12-05
来自专栏用户7873631的专栏
史上最全html,搞定OF COURSE.
DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width
80531发布于 2020-10-30

第 2 页第 3 页第 4 页第 5 页第 6 页第 7 页第 8 页第 9 页第 10 页第 11 页

点击加载更多

利用css @viewport 做设备适配

JavaSprict函数

HTML 教程：基础标签

每当我看到你，我的 document.querySelector(‘.heart‘).style.color = ‘red‘；立刻变红，充满激情——全面深入浅出JS

07·灵魂前端工程师养成-HTML重难点

【Vue3 从入门到实战进阶式掌握完整知识体系】009-Vue语法基础：表单中双向绑定指令的使用

前端课程——布局

前端Demo |HTML常用标签|适合学习前端一个月的同学

【前端寻宝之路】学习和总结CSS的字体属性设置

【海贼王航海日志：前端技术探索】CSS你了解多少？(二)

配合JQuery练习

【前端寻宝之路】学习和使用CSS的所有选择器

css3选择器高级部分

【Vue3 从入门到实战进阶式掌握完整知识体系】003-Vue语法基础：模板语法

Vue3 | 常用Vue指令集锦及相关demo运用

webApis05-swiper插件、window对象、定时器、location

零基础学习HTML(10)——striong标签、b标签、em标签、i标签、del标签、ins标签、s标签、u标签、mark标签、sup标签、sub标签、samll标签

Es6箭头函数

JavaScript-T2

史上最全html,搞定OF COURSE.

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

利用css @viewport 做设备适配

JavaSprict函数

HTML 教程：基础标签

每当我看到你，我的 document.querySelector(‘.heart‘).style.color = ‘red‘； 立刻变红，充满激情——全面深入浅出JS

07·灵魂前端工程师养成-HTML重难点

【Vue3 从入门到实战 进阶式掌握完整知识体系】009-Vue语法基础：表单中双向绑定指令的使用

前端课程——布局

前端Demo |HTML常用标签|适合学习前端一个月的同学

【前端寻宝之路】学习和总结CSS的字体属性设置

【海贼王航海日志：前端技术探索】CSS你了解多少？(二)

配合JQuery练习

【前端寻宝之路】学习和使用CSS的所有选择器

css3选择器高级部分

【Vue3 从入门到实战 进阶式掌握完整知识体系】003-Vue语法基础：模板语法

Vue3 | 常用Vue指令集锦 及 相关demo运用

webApis05-swiper插件、window对象、定时器、location

零基础学习HTML(10)——striong标签、b标签、em标签、i标签、del标签、ins标签、s标签、u标签、mark标签、sup标签、sub标签、samll标签

Es6箭头函数

JavaScript-T2

史上最全html,搞定OF COURSE.

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

每当我看到你，我的 document.querySelector(‘.heart‘).style.color = ‘red‘；立刻变红，充满激情——全面深入浅出JS

【Vue3 从入门到实战进阶式掌握完整知识体系】009-Vue语法基础：表单中双向绑定指令的使用

【Vue3 从入门到实战进阶式掌握完整知识体系】003-Vue语法基础：模板语法

Vue3 | 常用Vue指令集锦及相关demo运用