腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
搜索
搜索
关闭
发布
文章
问答
(9999+)
视频
沙龙
2
回答
css
中
的
Viewport
元
标记
、
、
、
、
为了实现响应式网页设计,我们在
CSS
的
viewport
meta标签
中
设置了width = device-width,就像<meta name="
viewport
" content="width=device-width">一样,这样页面的宽度就等于设备
的
宽度,这样用户就不需要滚动页面就能看到页面,但是高度呢?
浏览 22
提问于2016-09-05
得票数 3
2
回答
CSS
@media指令不适用于移动浏览器
我正试图用手机等小型设备隐藏表上
的
某些列,以生成响应性页面。它在我
的
桌面上使用Chrome和Firefox运行得很好,但是只要我尝试一个简单
的
例子,比如在我
的
Android手机上(使用Chrome),所有的列都会出现,尽管我
的
屏幕比800小得多。我看不出有什么明显
的
原因不起作用。有什么指示吗?
浏览 1
提问于2014-08-28
得票数 2
回答已采纳
1
回答
什么优先: meta
标记
还是
css
@
viewport
规则?
、
、
、
我想知道哪个优先(希望具有跨浏览器一致性):<meta name="
viewport
" content="...">还是
css
@
viewport
规则。根据
的
说法,@
viewport
现在几乎不受支持,但是有没有人知道,一旦支持@
viewport
,是否会覆盖
元
标记
,特别是如果代码
中
包含了这两个
标记
?
浏览 1
提问于2016-02-26
得票数 1
回答已采纳
1
回答
用于高密度设备
的
移动Foundation4断点未被检测到
、
、
、
、
具体来说,当我在三星Galaxy上测试我
的
站点时,我看到
的
是为桌面定义
的
样式。 你如何让手机使用移动样式(在脑海中有320 to宽度),或者使用“为小隐藏”类等等?目前,在那部手机上(我也认为视网膜显示设备也是如此),你将不会看到. see for -
css
或全局
css
正在应用,只有媒体查询更大(768 on及以上)视图端口。是否有人有生产高DPI设备
的
经验,即:(-webkit-min-设备-像素比: 2)与Foundation4一起工作?
浏览 3
提问于2013-08-31
得票数 0
回答已采纳
1
回答
页面的移动设备更大。
、
、
、
、
我对移动设备上
的
一页有问题。有趣
的
是,页面的部分在源代码中被放大了。不幸
的
是,它只做了几页。网站是:非常有趣
的
是,这两个产品显示不同,并且在同一个模板上。 有什么想法吗?谢谢
浏览 4
提问于2014-01-30
得票数 0
1
回答
支持文档库v2站点中
的
移动安全区域
有任何方法来配置文档库v2来使用手机
的
安全区域吗?我想伸展页脚和页眉在景观模式,以避免白条在iPhones等。在纯
viewport
中
,这通常需要修改
viewport
-fit=cover
元
标记
以指定
viewport
-fit=cover,并在
CSS
中
应用所需
的
填充等,以避免与摄像机、菜单等发生冲突。在Docusaurus
中
,我只将修改视为一种选择,但这感觉非常复杂(以及额外
的
维护?)只
浏览 4
提问于2022-08-05
得票数 1
回答已采纳
1
回答
自定义图像在移动视图上没有响应。
、
、
、
我正在使用TailwindCSS
的
造型,我有一个卡片看起来很好在桌面上,但不是在移动视图,图像确实崩溃,没有响应。不知怎么我搞砸了尾风课。我已经附上代码,请指导我在哪里我落后。你
的
支持 <!<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/2.2.7/tailwind.min.
css
浏览 3
提问于2021-08-10
得票数 0
回答已采纳
1
回答
如何在
css
4
中
使用带有过时设备宽度
的
视口
标记
?
、
根据这个页面,
css
4
中
不推荐使用设备宽度(为了向后兼容,它仍然保留在浏览器
中
)。问题是:那么我们应该如何使用
viewport
元
标记
: <meta name="
viewport
" content="width=device-width, initial-scale=1.0">
浏览 17
提问于2016-07-21
得票数 0
4
回答
即使在添加
viewport
meta
标记
之后,媒体查询也无法工作。
、
、
、
当我插入媒体查询时,它们在Firefox检查器
中
工作,而不是在实际
的
移动设备
中
工作。当我从手机打开它时,媒体查询会被完全忽略。这是我
的
代码:* { padding: 0;}.mobile-container--<meta name="
viewport
" content="width=device-width, initial-sca
浏览 2
提问于2022-05-30
得票数 0
2
回答
CSS
媒体查询未触发
、
我有三个样式表:一个持久
的
,一个用于windows 800px或更高(“标准”),另一个用于小于800px
的
windows ("mobile")。我
的
问题是标准样式表正在被识别和应用,但是当我将窗口大小调整到800px以下时,移动表被忽略了,我只剩下持久样式。我怀疑这是一个基本
的
语法错误,但我无法找到问题所在。<link rel="stylesheet" type="text/
css
" href="persistents
浏览 0
提问于2013-09-03
得票数 1
1
回答
有没有一种方法可以使用iframe将动画书嵌入到网站
中
,以便在桌面上以一种尺寸显示,而在移动设备上以不同尺寸显示?
、
、
我正在使用iframe将我在fliphtml5上创建
的
动画书添加到网站。动画书在桌面上看起来很棒,但在移动设备上不能正确显示。在移动设备上,它只显示动画书
的
一部分。不知道是否有代码条件语句可以添加到iframe
中
,这样动画书就会以一种大小显示桌面,如果是移动设备,则会隐藏桌面,并以适合移动设备
的
任何大小显示。 提前感谢您
的
帮助。
浏览 19
提问于2021-01-14
得票数 0
2
回答
视频播放器在手机上旋转时不能调整大小
、
、
、
然后,当我将手机垂直旋转时,视频不会回到播放器容器
中
的
原始位置,而是变大并超出屏幕。这个问题在"Live Channel“视频
中
更为常见。然而,当我在Chrome
的
开发者工具(使用它
的
移动设备工具)上测试它时,一切工作正常。 有人能帮我找出问题出在哪里吗?如果需要,我可以提供代码。
浏览 35
提问于2019-10-04
得票数 1
3
回答
CSS
中
具有@媒体
的
响应设计
、
、
、
我试图使我
的
网站响应,但它不工作。使用@media,我想定义不同
的
区域,但是使用我
的
代码,没有任何机会。
浏览 0
提问于2020-09-25
得票数 0
回答已采纳
2
回答
当我使用meta
标记
时,
css
不会被加载。
、
当我使用
元
标记
css
没有正确加载。我使用上面的标签来禁用手机(Iphone)
中
输入字段
的
自动缩放,但我注意到,不幸
的
是,当我使用上面的
浏览 3
提问于2013-12-18
得票数 0
1
回答
Bootstrap移动响应页面
、
在使用Bootstrap时,除了使用
viewport
元
标记
之外,是否还有其他方法可以使移动优先响应网页?<meta name=
viewport
" content="width=device-width, initial-scale=1, shrink-to-fit=no">
浏览 1
提问于2021-07-10
得票数 0
3
回答
我应该在哪里实现"
viewport
"(HTML、
CSS
或两者都实现)?
、
、
它是HTML还是
CSS
中
典型
的
viewport
元
标记
?@
viewport
{ width: device-width;或提前谢谢你!!
浏览 1
提问于2018-09-17
得票数 4
回答已采纳
1
回答
PWA iOS恼人
的
20 on景观间隙
、
、
问题是在将iphone旋转到横向位置后出现
的
20 is间隙。这个间隙是窗口外
的
对象,所以我不能用js或
css
来处理它。看来这是状态栏保留区域。LcIyMQpT4fMJdijBh0I7Iblaacawc" crossorigin="anonymous"></script> <-- manifest generator --> 还有我
的
清单文件
浏览 0
提问于2019-06-23
得票数 1
回答已采纳
2
回答
只有在一定宽度后才能滚动。而不是缩小内容
、
、
我正在开发一个网站,我希望网站经过一定
的
宽度缩减后可以滚动,而不是缩小内容。我怎样才能做到这一点?
浏览 5
提问于2017-01-11
得票数 1
回答已采纳
1
回答
我怎样才能修正我
的
网站
的
布局为移动?
我在这里创建了一个简单
的
ethereum目录站点,您可以在这里查看它,基本上,一个类别卡应该是一行。 如果您对布局有更好
的
想法,请同时发布一个答复。
浏览 7
提问于2020-03-21
得票数 0
回答已采纳
2
回答
如何设置设备视图?
、
、
我有两个关于设置视口
的
问题? 我有一个Java应用程序(使用JSP/Struts等)。如果是的话,如果以后需要,我可以为特定
的
页面重写它吗?
浏览 3
提问于2011-04-24
得票数 1
回答已采纳
点击加载更多
相关
资讯
Chrome十周年版更新了,你第一次用它是什么时候?
CSS中重要的BFC
软件中的重点笔记怎么标记颜色
CSS中的背景用法大全
聊聊 CSS 中的布局模式
热门
标签
更多标签
云服务器
ICP备案
对象存储
云直播
实时音视频
活动推荐
运营活动
广告
关闭
领券