如何在缩小屏幕尺寸的同时均匀地修剪图片的左右两边？(@media query)

文章/答案/技术大牛

发布

1回答

html、css、responsive-design、resize、screen

当我缩小屏幕尺寸时，我找不到一种方法来修剪图像的左右两边。我试图在css文件的末尾添加一个@media查询来解决这个问题；但是，我不知道在里面放什么。目前，我有一个.main容器来保存我的登录页面的背景图片。1439px以下时，我的图像就会均匀地调整大小。@media (max-width: 1439px) { .main

浏览 15提问于2019-06-22得票数 0

4回答

将网站安装到屏幕大小

html、css

下面是一个例子： #wrapper { width: 1400px;然而，如果屏幕大小是1400个像素，而您的屏幕恰好是1366像素，那么您将不得不左右滚动。这是我的问题，但我对如何解决这个问题有一个想法。我想把1366像素的内容集中在中间，然后如果屏幕尺寸更大，剩下的像素将在两边平分

浏览 1提问于2014-11-27得票数 0

1回答

有没有可能使文本适合最大尺寸，而仍然保持在一行中？

html、css

我有一台#container，根据屏幕的大小，它可以很宽也可以很窄。我希望其中的文本(可以是任何字符串，如字母、单词或某些单词)扩展到最大尺寸，但保持在一行中。有没有可能通过纯CSS获得这种效果？更新：虽然容器的宽度随着屏幕大小的变化而变化，但它是由@media query定义的固定数字。例如，当屏幕尺寸非常大时，比如大于1000px，div就不会扩展，而是保持

浏览 1提问于2015-06-07得票数 0

2回答

Bootstrap Responsive Carousel未正确调整大小

html、css、twitter-bootstrap

我正在使用Bootstrap，我的导航栏下面有一个旋转木马。然而，我在较小的屏幕上遇到了问题，例如iPhone。只需调整浏览器屏幕的大小，就能明白我的意思。我在想，也许这不是响应式CSS所必需的，而是我做错了什么。也许它们是在每个屏幕上获得调整大小的旋转木马图像的更好方法。另外，我希望旋转木马有一个100%的屏幕高度，所以旋

浏览 1提问于2013-02-13得票数 1

1回答

如何对字符进行居中，无论屏幕大小如何，都要在字符周围填充。

javascript、html、css、centering

我有这些屏幕：想知道我怎么能做到这一点。请注意，在“小型桌面屏幕”部分，字母是如何剪裁的，并且它周围没有填充。我希望在这种情况下，信要小一点，这样它周围至少有20磅的</em

浏览 0提问于2019-05-07得票数 1

回答已采纳

2回答

垂直、水平中心的图像中心和拉伸图像

html、css、image-scaling

我想要缩放图像，使他们是中心水平和垂直，他们是垂直拉伸，直到他们填充整个屏幕垂直。可能有白色的边框。我不知道如何解释得更清楚..。<head> <meta charset="utf-8">

浏览 7提问于2015-10-06得票数 0

回答已采纳

6回答

HTML中的图像图标，在Retina显示中显示得很好

html、css、retina-display

我想在我的HTML中有漂亮的图像，在带有Retina显示器的计算机的浏览器上显示得非常好。我猜我只需要在我的img标签中有一个高分辨率的图像。但是，较低分辨率的浏览器将不得不下载这个更大的文件，然后缩小它的比例，可能会导致比我在photoshop等工具中缩小它的质量更低的图像。我希望有这样的事情我能做： <img src="&#x

浏览 1提问于2012-11-13得票数 0

回答已采纳

6回答

我有一个java程序，它从硬盘中读取一个uses文件，并将其用作各种其他事情的背景图像。例如，一个215k的jpeg文件变成了一个4MB的BufferedImage对象。正在讨论的应用程序可以加载一些相当大的背景图像，但尽管jpegs文件永远不会超过一两兆字节，但用于存储BufferedImage的内存可能很快就会超过100s的兆字节。我猜想这一切都是因为图像作为原始的RGB数据存储在ram中，而不是以任何方式压缩或优化。有没有办法让它在ram中以更

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

1回答

如何获取父Div和嵌套Div的背景图像以进行相应缩放

html、css、responsive-design、media-queries

如何使我的父div和嵌套div的背景图像能够使用以下媒体查询以移动优先的方式进行响应缩放。我已经尝试了所有的方法，但似乎都不起作用！我希望整个页面相应地缩放，其中包括两个图像(特别是摩托车头盔图片)，随着屏幕尺寸的缩小或放大。我想知道如何设置我的手机第一个min-width media-query，以达到所需的效果，从所有的图像，或只有摩托车头盔图像，从小到大，

浏览 1提问于2018-01-06得票数 0

17回答

“位图太大，无法上载到纹理中”

android、android-imageview、android-image、android-bitmap

我猜这个限制与OpenGL硬件纹理的大小限制(2048x2048)有关。我需要加载的图像是一个大约4000像素高的收缩缩放图像。是否可以将大于2048像素的图像加载到ImageView中？

浏览 3提问于2012-04-23得票数 157

回答已采纳

5回答

CSS初学者问题

css

我正要开始设计我用php编写的网站。这是一个相当复杂的网站..。或者，我是否应该尝试创建一个适用于所有分辨率的自适应站点？

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

回答已采纳

6回答

如何使用PHP调整高分辨率图片的大小

php、image、gd、high-resolution

当用户上传图片时，我正在处理图片，但我的问题是高清晰度图片。当用户上传时，你如何检测？我正在使用PHP的GD库。使用imagejpeg()方法将质量设置为90不会对其做任何操作，而是缩放尺寸，然后将ppi设置为72。我希望能够保留尺寸，同时将ppi降至72。任何建议都将不胜感激。

浏览 3提问于2011-01-21得票数 11

回答已采纳

4回答

基于REM的布局，缩放铬是不一致的，PX对REM

css、google-chrome、web-standards

我一直在为这个问题绞尽脑汁，谷歌搜索对这个问题并没有太多的帮助甚至文档，但它极大地影响了我目前向移动友好设计的转变。无论我走到哪里，每个人都在吹嘘使用rem-based布局作为新的金本位，从表面上看，这种方法的优点似乎很理想(完全支持基于引用像素的缩放和字体大小缩放，以支持许多DPI和许多屏幕大小/设置)。将其与火狐、IE11、Edge进行比较，您根本看不到这种行为，它们都是一致的、持续的。下面是(左上角: Chrome，右上角: IE11，

浏览 6提问于2017-06-05得票数 17

回答已采纳

1回答

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

css、media

现在，我了解了“断点”是如何工作的--当浏览器窗口达到一定宽度时，查询中的元素就会发生变化。现在，我的问题是：如果我开始设计一个网站，并开始为我在移动设备上的外观添加样式，当设计完成后，我想对它进行扩展，有什么有效的方法来实现它呢？目前，我所能想到的只是添加一个具有较高最小宽度断点的查询，然后将我已经完成的代码中的CSS粘贴到查询中，并开始分别进行更改。我有强烈的感觉，这不是正确的做法，所以我要寻

浏览 4提问于2015-11-02得票数 0

回答已采纳

4回答

在开发站点时，如何处理不同的屏幕分辨率/屏幕大小？

jquery、layout、resolution

我想开发一个网站使用jQuery，将与所有主要浏览器的工作。我想从一个基本的布局开始(一个页眉，几个带有内容的选项卡和页脚)。我想知道如何创建此布局以支持不同的屏幕分辨率、屏幕大小或窗口大小。在定义组件的宽度和高度时，我应该以像素/点/百分比为单位吗？有没有什么jQuery插件可以帮我完成这个任务？谢谢！

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

回答已采纳

2回答

建设响应性网站

html、css、responsive-design

在当今的网络开发社区中，让一个网站“完全响应”几乎是“标准实践”--这意味着它可以在所有屏幕尺寸上工作。我正在寻找一些“行业标准”的概念，在其中我可以适应这个目的，虽然我有点不知所措的‘专业人员’将如何在现实世界中实现这一点？| | +------------

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

回答已采纳

2回答

很难上手

html、css、flexbox

谷歌检查工具称，我正试图让所有设备都能对此做出响应，其中一些只是在其他设备上丢失的。在我看到的一个帖子上遵循了建议，它让我走到了这一步。附件是我的html和css。我尝试过不同的flex组合，但到目前为止，在我的笔记本电脑屏幕上没有运气。 margin-left: 10px; } display:inline; @media

浏览 2提问于2021-12-26得票数 1

28回答

px、dip、dp和sp之间有什么区别？

android、android-layout、user-interface、dimension、units-of-measurement

度量px、dip、dp和sp的单位之间有什么区别？

浏览 1提问于2010-01-08得票数 6277

回答已采纳

9回答

viewport meta标签真的有必要吗？

css、responsive-design、viewport

在我的CSS中，99%的值是以ems或百分比为单位的。我正在使用媒体查询( max-width和max-device-width)进行布局更改。我没有包含viewport meta标签，它在iOS、一些我测试过的安卓手机和平板电脑以及所有的桌面浏览器上都能很好地工作。我是不是遗漏了什么？

浏览 0提问于2013-02-08得票数 53

回答已采纳

2回答

如何从flash迁移到adobe和android？

android、ios、actionscript-3、flash、air

我有几个闪光灯项目，我想把它变成手机应用程序，我开始阅读adobe，我注意到它使用了一些东西，比如基础设施动作脚本，这是自从as2以来我就没有做过的事情。是否有方法像普通的闪存文件一样加载脚本和类？如果我有一个不复杂的swf，有什么方法可以轻松地将它迁移到android和iOs的adobe中呢？

浏览 2提问于2016-01-05得票数 0

回答已采纳

点击加载更多