屏幕宽度与移动端应有的宽度不同

文章/答案/技术大牛

发布

1回答

html、css、reactjs、sass

我遇到了这个问题:我没有在根元素上设置任何宽度，我删除了HTML元素中的所有内容，但它仍然将根元素的宽度设置为980px，即使您在屏幕截图上可以清楚地看到它不是真正的宽度。更重要的是，如果我稍微调整一下大小，它仍然显示为980px…所以它适用于所有尺寸，宽度可达980px。我试着将它的宽度设置为calc(100vw)，但没有成功，只有设置像素才会改变它，但这显然不是我想要的。这让我很困扰，因为我在min-screen上的混音就不能正常工作了。我真的做错了什么吗？

浏览 1提问于2017-12-29得票数 0

回答已采纳

2回答

如何有效地使用CSS3媒体查询？

css、responsive-design、media-queries

在使用Media query进行响应式网页设计时，我有点困惑。实际上，我是个新手，我也想问一下:当你在缩小浏览器时遇到CSS错误时，有必要每次都添加媒体查询吗？我曾经这样做过，我的css中有很多媒体查询！

浏览 2提问于2016-03-06得票数 0

1回答

CSS媒体查询:如何基于父屏幕宽度在iframe中应用CSS

html、css、iframe、media-queries

这两种产品有两种不同的造型要求:独立应用程序将具有跨客户端的全局样式，而嵌入式应用程序必须与每个客户端的网站颜色方案匹配。因此，我们希望只为嵌入式应用程序、移动视图和这个客户端应用CSS规则，以修复扩大后的元素。CSS媒体查询的最大宽度device-width查

浏览 9提问于2022-08-05得票数 1

1回答

强制列中的小部件与最大值匹配

flutter、dart

我在一个列中有几个RaisedButton小部件，它们根据文本的不同具有不同的宽度。我希望它们是相同的宽度，但我不想设置静态宽度，因为它应该能够响应语言和屏幕大小/形状的变化。应调整较小的小部件的大小，以与列中最大的小部件的宽度相匹配。做这件事最好的方法是什么？谢谢!

浏览 9提问于2019-11-28得票数 0

1回答

在vue中将输入与屏幕宽度对齐

javascript、css、vue.js、sass

我有4个输入，它们必须一个接一个地排成一行，随着屏幕宽度的减少，输入框应该移动到下一行，宽度也应该在4个输入之间平均分配，并分别调整到屏幕宽度。屏幕越小，输入的内容看起来就越像一个接一个。编辑:无硬编码宽度，应均匀分布到4个输入

浏览 0提问于2021-07-21得票数 0

1回答

基于glOrthof的OpenglES多平台屏幕比例解决方案

android、ios、opengl-es、3d

我有一个关于将透视设置为一致的问题，无论屏幕分辨率和比例如何。所有的网格都是正确的比例，但位置显然会发生变化，因此如果某些东西与屏幕底部对齐，则在iPad上渲染时，对象将被部分绘制出屏幕。这样做正确吗?我需要相对于视口的宽度和高度放置对象吗？或我是从我所知道的来思考的，我做的第二个数学不是一个选项，因为透视是基于比率定义的。

浏览 2提问于2012-03-16得票数 0

回答已采纳

2回答

woocommerce短代码.移动和桌面之间的更改显示

woocommerce-offtopic、shortcode、mobile

目前，在我的网站主页上，我正在使用woocommerce的代码来显示来自某些类别的产品，并选择在桌面上显示5种产品，这些产品与屏幕宽度非常吻合。然而，在移动设备上，该短代码也会导致5种产品显示，看起来很混乱。我想知道是否有一种方法来修改这些短代码，以便它可以在桌面上显示5，而在移动设备上只显示2种产品？我试着把所有的5条线与溢出隐藏，但取决于移动屏幕的宽度，有时有一些第三产品显示，看起来不太专业。我的短代码的形式如

浏览 0提问于2018-04-26得票数 0

回答已采纳

3回答

如何使用Javascript在浏览器中模拟按下F-11？

javascript、fullscreen

(我想Chrome、IE和FF会有所不同吧？)

浏览 5提问于2010-05-18得票数 0

2回答

为不同的移动屏幕分辨率显示带有文本的横幅图像

html、css、ruby-on-rails、twitter-bootstrap、mobile

嗨，我在一个网页上工作，我发现为不同的移动宽度与文本设计横幅的困难。所以在移动端，我只想在所有移动端的宽度中显示垂直居中的标题，其余的段落，内容和按钮应该下来。因为手机会有不同的宽度，这取决于对齐是否会变坏。谁可以只是帮助我是什么最好的方式来渲染这个页面在移动中，只有标题在顶部，垂直对齐的中间和其余的段落和按钮应该下来。

浏览 1提问于2015-04-16得票数 1

2回答

根据屏幕大小更改布局

html、css、twitter-bootstrap、responsive-design、media-queries

我希望我的网站标题的内容占据100%的屏幕宽度，在普通大小的台式机/笔记本电脑，但集中在更大的显示器。所谓“更大的显示器”，我指的也是显示器的实际大小，而不仅仅是分辨率。在我的15“笔记本电脑和我的23”台式机(都有相同的分辨率1920x1080)，我希望显示器是不同的。在一个23“的显示器上有这么宽的菜单看起来不太好，因为有宽的空部分。我目前正在对标题的内容使用一个.container BootStrap类，并且我重写了一个媒体查询，以便当屏幕宽度超过1200 so时容器的宽度</em

浏览 7提问于2017-02-10得票数 0

回答已采纳

1回答

屏幕宽度与SSR？

reactjs、next.js、server-side-rendering

我使用NextJS，我需要在服务器端获得屏幕宽度，因为我需要在移动屏幕上呈现一个组件，在桌面屏幕上呈现另一个组件，但服务器只呈现桌面版本，因为它不能检查屏幕宽度，但客户端可以这样做，并在小屏幕上呈现另一个组件，我得到警告，服务器端和客户端的内容不匹配。如何在不使用设备但仅在服务器端使用屏幕宽度的情况下避免它？

浏览 32提问于2020-10-05得票数 0

回答已采纳

4回答

为什么移动第一响应设计往往不使用最大宽度查询与最小宽度查询？

html、css、mobile、responsive-design

首先，我理解移动第一反应式网页设计的基本原则，并完全同意它们。但有一件事我不明白：根据我的经验，并不是所有的小屏幕样式都可以用于更大版本的网站。例如，通常较小的版本倾向于具有更大的可点击区域、等。因此，我想知道:为什么在移动优先响应的网页设计中很少提到(或使用)最大宽度？因为它看起来可以与最小宽度一起使用来隔离小屏幕的样式，这些小屏幕对大屏幕没有用处，因此可以防止不必要的代码重复。一段引文，其中提到最小宽度

浏览 3提问于2013-10-19得票数 10

回答已采纳

2回答

jQuery移动中的媒体查询问题

jquery-mobile、media-queries

我们正在使用jQuery移动框架开发一个应用程序。到目前为止，应用程序运行得很好，现在我们正在考虑为不同大小的浏览器窗口使用“媒体查询”条件CSS脚本。我们的想法是，当用户从iPhone/Android/Windows phone等移动浏览器访问我们的应用程序时，他们可以看到全宽和全高。但是当有人从常规的桌面浏览器访问时，它的宽度超过800px，我们需要重新调整我们的应用程序的宽度和高度。问题是，我们希望在iPhone背景上设置重新调整应用程序窗口的大小&目前背景位置是固定的

浏览 2提问于2012-03-07得票数 1

1回答

内联选择始终需要的字段元素-Jquery Mobile

jquery、jquery-ui、jquery-mobile、mobile

我想在一个使用JQuery移动设计的移动表单中选择字段元素。我使用的是一个标签，后面跟着三个选择项。现在，我有两个要求：我在CSS中使用了屏幕和设备宽度属性。我还尝试修改了JQuery提供的移动UI CSS。但这无济于事。帮助。

浏览 0提问于2013-03-24得票数 0

1回答

柔性箱，移动响应

html、css、mobile、flexbox、responsive

我如何使这个柔性箱响应移动？我想在移动屏幕上得到和桌面版本一样的结果，我知道这个问题是由柔性盒和移动屏幕大小的响应引起的，但是我该如何修复这样的问题呢？我认为这与挠曲盒的宽度有关。

浏览 3提问于2022-05-08得票数 0

回答已采纳

2回答

使用响应式设计将元素大小从PSD转换为HTML

html、css、photoshop、psd

我必须转换一个私营部门的文件与响应式设计的HTML5。这是我第一次这样做，我想要一些明确的方向。当我从PSD中提取CSS文件时，我看到一些奇怪的东西，比如所有的元素都在position=absolute中，这看起来很虚拟。我想我必须根据新的HTML来更改它？如何让它响应不同的屏幕宽度和高度以及移动端？如果我直接嵌入到Bootstrap元素，应该这样做吗？我应该从PSD计算每个元素的相对大小(相对于PSD文件的高度和宽度)并转换为%吗？

浏览 1提问于2013-11-23得票数 0

1回答

推流端设备在推流过程中，进行横竖屏切换，web播放器如何获取横竖屏？

云直播、移动直播、网站

推流端设备在推流过程中，进行横竖屏切换，web播放器如何获取横竖屏

浏览 564提问于2020-04-02

2回答

既然移动浏览器很普遍，那么网站设计和标记的最佳实践是什么呢？

web-development、web-design

早在2008年，智能手机市场规模就很小，网站设计时通常采用固定宽度(比如900 if或960 if)，如果浏览器窗口更大，页面就以页面为中心。许多设计师说流体宽度更好，但是由于用户屏幕通常在1024x768和1920x1080之间变化，流体宽度允许长度比易于阅读的长度更长，因此许多站点(包括Stack Exchange)使用固定宽度。既然移动设备很常见，那么支持桌面浏览器和移动浏览器的最佳方法是什么？建立一个单独的移动站点(例如: mobile.ex

浏览 0提问于2012-12-06得票数 4

1回答

Android图像视图在景观大型设备上被扭曲

android、xml、imageview、fill-parent

我目前正在尝试用图像视图显示一个图像，这个图像只有一定的高度，但是它应该填充屏幕的整个宽度。在纵向模式--它和移动电话上的景观模式(三星星系注2) --它显示得很好，但当我在平板电脑(三星星系选项卡)上尝试时，肖像模式看起来仍然很棒，但在景观模式下，图像看起来扭曲了，图像覆盖了整个宽度，但高度似乎是关闭的

浏览 5提问于2015-01-28得票数 0

回答已采纳

1回答

视口问题

javascript、html、mobile-safari

我想要在屏幕上显示我的页面，不管分辨率是多少，并且不允许缩放。我在很多文档/资源中看到，这是使用viewport在屏幕上调整整个页面的最佳方式。整个页面都能显示在屏幕上有什么不同？

浏览 1提问于2011-02-25得票数 0

回答已采纳

点击加载更多