如何使网页的主要内容在移动设备上使用全宽度，而在桌面上只使用部分(比如宽度的60%，居中)？<!
浏览 14提问于2017-03-03得票数 1
表示，这包括用于移动设备的.col-xs-* (<768px)。我的问题是，如果我使用.col-xs-*类为小型手机制作了一个网站，那么css规则将只适用于那些宽度小于768px的设备。现在有全高清手机，宽度为1080px的5英寸显示屏。那么，对于我的bootstrap css，这些移动设备会表现为台式计算机(≥992px)吗？我希望我的css是相同的任何5英寸的屏幕移动<e
浏览 0提问于2016-03-24得票数 22
回答已采纳
1回答
我正在做一个网站，它应该在屏幕上缩放宽度超过640 (台式机和平板电脑)，并在低于640的设备(智能手机)上显示为移动版本。所以我需要在智能手机上使用metaname=viewport，而在其他设备上不需要。当前在头中使用这样的代码 if(navigator.userAgent.match(/Android/i)
浏览 0提问于2014-06-26得票数 1
使用安装了iOS 10的iPad，我在浏览器控制台中输入window.outerWidth，得到的值是0。window.innerWidth正确地生成了1024 (横向模式)。
浏览 22提问于2016-09-10得票数 16
2回答
我以前使用开始我的工作，而不是从头创建文件。这是令人敬畏的响应网页设计。
我正在开发一个，客户端也需要手机桌面版本(还记得几年前网站是如何在手机上打开的)。我在台式机上工作很好，但是当我们在移动设备上看到网站(或者少于940 px宽的屏幕)时，它不会显示全宽度容器的完整背景(即100%)，而是只显示。注意：我已经构建了大部分的站点，现在我不能从头开始编写标记。
浏览 0提问于2013-08-15得票数 1
回答已采纳
这可能是一个典型的选择面板，位于桌面上：在手机上：Zurb基金会能做到这一点吗？我认为一个问题是，对于中等宽度和更高的宽度，两列的宽度应该是固定的，而不是动态的。我把一些想要的行为放在了CodePen上，虽然它们是为桌面和移动设备定制的，但不能两者兼而有之：手机：<div class="row text-center">
<div现在，我可以
浏览 3提问于2016-03-21得票数 1
1回答
我正在使用Ionic 4来构建一个小型的web应用程序。我在global.scss上使用了以下内容来限制页面宽度，因此它在桌面和移动设备上都会有类似的外观： max-width: 700px;}这个技巧如广告所示，但是我想要覆盖这个规则，只对一个页面使用，这样它就会出现在全宽度上。如何在Ionic 4中设置每个页面的自定
浏览 1提问于2019-10-19得票数 1
回答已采纳
1回答
我在我的网站上使用了一个在div容器之外展开的全宽背景，cf。 (接近尾声)。<link rel="stylesheet" media="screen and (max-width: 600px)" href="http:(min-width: 601px)&qu
浏览 14提问于2017-07-03得票数 0
最后一列的宽度随内容而变化。前两列以我使用的25/75%的固定比率共享剩余空间： <col width="24%"> <col width="2%">它可以在台式机上运行，但不能在移动设备上运行。
浏览 10提问于2017-08-03得票数 0
我希望桌面上有“盒式”内容样式，这比几台小屏幕计算机上的全宽度更好，而在手机上则是全宽度的内容样式。
主题的默认编辑器只允许我选择切换到任何一个，不可能为每个设备选择不同的设置。当使用“盒式”内容样式在移动上浏览时，有一个巨大的空白，使得内容看起来过于狭窄，这是固定的，当设置内容样式为“全宽度”时。但是通过选择这个选项，桌面版本的内容对于一些较小的计算机屏幕来说太宽了。我尝试在我的
浏览 9提问于2022-11-18得票数 0
2回答
即，在设计移动版本时不涉及媒体查询，这是默认布局。媒体查询仅用于随着其屏幕分辨率或宽度变大而逐渐增强用户体验。在这种情况下，媒体查询随后被用于以这些设备为目标。
另一个问题是响应性这个术语。我非常理解这意味着什么，但在移动优先的方法中，响应式网格不会有太大意义，因为我的手机布局将与平板电脑和台式机有很大不同。我可以看到在平板电脑和台式机之间使用响应式网格，反之亦然，因为fluid网格可以缩放，但手机上的大部分内容看起来不能很好地缩放，
浏览 0提问于2013-05-22得票数 0
回答已采纳
4回答
响应式网页设计问题
、、、
响应式网页设计真的是我们移动开发应该走的路吗？我喜欢有一个网站的想法，应该工作在许多不同的设备，如台式机，笔记本电脑，平板电脑和手机。
在台式机上，我有一个宽屏幕，所以我的网站就像它设计的那样工作。它有一个包含我大部分主要内容的栏目，还有一个左边或右边宽度较小的栏目(取决于你在网站上的位置)，用于导航。RWD如何确定哪些列堆叠在哪些列上？是否有可能删除一列，使其不在某些设备上显示？RWD能处理这样的事情吗？设
浏览 0提问于2013-06-11得票数 5
1回答
在使用Bootstrap的网格系统时，我有点困惑。在这里，我想制作6个div或控制器，在小型设备(如手机)中使用全宽度，它们使用宽度的25%，或者在平板电脑等中型设备中使用4div，而在大型设备中，我得到6div(在桌面屏幕上)，但在这里我面临一些问题我已经在大中型设备中使用了全部6个div，这是不正确的，我希望其中6个显示在大
浏览 4提问于2022-11-07得票数 -2
1回答
现在我想要做的是让页面在手机上没有左右边距显示，所以基本上我想让它在移动和平板设备上延伸到设备宽度的800px。我试着使用viewport meta标签，但它们似乎没有太多作用：我认为当设备像素较小时，这只是将宽度保持为800，但当设备<
浏览 0提问于2014-10-21得票数 0
1回答
Safari 100%宽度和高度
、、、、
所以在下面的网站上，我一直在开发- 对于桌面，我将图像作为背景，并使用背景大小的封面，而在移动设备上，我只使用图像标签。我的问题是在Safari上背景图像不工作，我使用了100%的宽度和高度来填充那个块，但似乎Safari不尊重这一点。该站点实际上是建立在Foundation 6
浏览 0提问于2016-11-26得票数 0
1回答
我目前正在使用flex和flex方向行对一行具有固定宽度的项目，这将导致溢出和水平滚动条，这是我正在寻找的。注意：全宽标题应该只在移动视图上.谢谢
浏览 0提问于2018-04-20得票数 1
回答已采纳
2回答
我如何才能只显示特定设备的div标记，就像我想要显示一个仅在笔记本电脑中可见而在台式机中不可见的div一样
提前感谢
浏览 0提问于2014-08-31得票数 0
1回答
我目前面临的挑战之一是使用css在图像中沿着山脉链定位不同数量的圆圈/气泡。让我们假设图像看起来像这样(没有红色气泡)：图像必须始终使用设备的全部宽度(100%宽度)。这些设备的分辨率差别很大(移动电话、平板电脑、台式计算机)。或者，您知道有一个工具可以对山链上的点进行回归，以便使用函数来计算点的绝对位置？
浏览 3提问于2015-04-09得票数 1
回答已采纳
我只在台式计算机上使用过Direct3D和OpenGL，所以我的头脑中有这样一个概念:每当需要更新缓冲区时，都需要通过调用glBufferData()/glBufferSubData()将这些数据发送到图形处理器由于OpenGL ES适用于手机等嵌入式系统，而我认为这些设备没有专用的GPU，所以我想知道如果在一台设备(安卓)上编译这样的API调用与在另一台设备(Windows台式机)上编译会做完全不同的事情
浏览 2提问于2016-12-29得票数 1
，它使用1000px的视窗宽度，因此它以全宽显示网站。因为它要么强制所有移动设备在第一种情况下总是使用800px的视区，要么在第二种情况下使用设备上像素的物理宽度，但这也不会起作用，因为在纵向模式下(大多数人浏览移动网络和使用手机的方式)，它将是300px所以实际上我的问题是-我是否可以支持并可能强制移动浏览器使用不同的视窗<e
浏览 2提问于2011-12-31得票数 12
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
腾讯会议
云直播
对象存储活动推荐
腾讯云开发者
