如何让所有页面采用用户定义的浏览器缩放级别(css/html)？
要让所有页面采用用户定义的浏览器缩放级别，可以通过以下步骤实现：
- 使用CSS的
zoom属性：可以通过设置zoom属性来改变页面的缩放级别。该属性接受一个缩放比例值，例如zoom: 1.2;表示将页面放大20%。这样可以根据用户定义的缩放级别来动态调整页面的显示效果。 - 使用CSS的
transform属性：可以使用transform属性来进行页面的缩放操作。通过设置scale函数来指定缩放比例，例如transform: scale(1.2);表示将页面放大20%。这样可以根据用户定义的缩放级别来动态调整页面的显示效果。 - 使用JavaScript监听浏览器缩放事件：可以通过JavaScript来监听浏览器的缩放事件，当用户改变浏览器的缩放级别时，触发相应的事件处理函数。在事件处理函数中，可以根据用户定义的缩放级别来动态调整页面的显示效果。
以下是一些相关的腾讯云产品和产品介绍链接地址，供参考：
- 腾讯云CDN：腾讯云CDN是一种分布式部署的内容分发网络，可以加速网站的访问速度，提高用户体验。
- 腾讯云Web应用防火墙（WAF）：腾讯云WAF可以帮助用户防护Web应用程序免受常见的Web攻击，保护网站的安全。
- 腾讯云云服务器（CVM）：腾讯云CVM是一种弹性计算服务，提供可扩展的虚拟服务器，适用于各种应用场景。
- 腾讯云对象存储（COS）：腾讯云COS是一种海量、安全、低成本的云端存储服务，适用于存储和处理各种非结构化数据。
请注意，以上仅为腾讯云的一些产品示例，其他云计算品牌商也提供类似的产品和服务。
相关·内容
1回答
嗯，我已经尝试了我所知道的两种缩放方法：
zoom:2;
还有..。
transform:scale(2);
然而，虽然它们确实(某种程度上)工作，但有一个主要的缺陷: JavaScript鼠标事件是-ed。
我似乎想不出如何获得鼠标坐标，就好像页面没有缩放一样。
此外，我必须添加body{width:50%}以确保它不会导致巨大的水平滚动。
另一方面，如果我只是使用原生浏览器缩放页面，结果是完美的。一切都正确显示，鼠标事件正常工作，正文保持其实际宽度，依此类推。
有没有办法让这种自然的浏览器缩放在CSS中工作？如果没有，我应该使用哪种JavaScript来确保鼠标坐标的“缩放”是正确的？
浏览 2提问于2013-07-24得票数 6
3回答
我正在尝试将网站的缩放设置为100%。我知道firefox不支持这一点，但我正在尝试让它在chrome中工作。
我已经设置了缩放：
body {
padding-top: 0px;
padding-bottom: 20px;
zoom: 100%;
}
chrome似乎看到css生效了：
但当我增加缩放和刷新时，它不会被设置回100%：
我做错了什么?我该如何改正？CSS/HTML/jQuery答案都很好。
编辑:看起来到目前为止最好的方法是在加载时模拟一个ctrl+0按键。我已经知道了如何生成它，但是如何在没有任何用户输入的情况下触发它呢？
var press
浏览 2提问于2015-12-23得票数 5
我想知道如何强制安卓浏览器(最好是使用纯CSS3)在用户用手指放大/缩小时不更改视口的宽度？
我在页面上有多个针对不同视口宽度的媒体查询。但只要用户放大/缩小，页面视口宽度就会改变，因此页面的布局会被重新排序，我不认为会发生这种情况。我想让Android浏览器“记住”它的初始视口大小，当用户放大/缩小时，我希望Android浏览器只进行缩放，而不是改变视口大小。
使用CSS可以做到这一点吗？提前感谢您的帮助。
编辑:我的媒体查询：
@media only screen and (min-width : 800px) and (max-width : 999px) {
#content {
浏览 0提问于2012-01-08得票数 1
我正在创建一个具有多个不同页面的网站(可通过导航栏访问)。当我放大其中一个页面(使用ctrl +/-)时，其他页面不一定采用该缩放级别。例如，如果我将“主页”设置为125%，然后单击“联系人”页面，“联系人”页面也不会自动显示为125%。
如何让我的网站的所有页面采用用户选择的浏览器缩放级别？
浏览 15提问于2017-07-07得票数 0
1回答
100%高度与浏览器缩放
、、、、
我已经看过了，似乎没有另一个帖子，这正是我正在寻找的，我在最后期限使这项工作，所以让我们看看我是否可以解释得更好。
我们在Drupal网站上开发了一个使用面板和视图幻灯片的页面。有很多绝对和固定位置的元素，因为它们需要在页面上的位置。父div需要具有100%的宽度和高度才能填充页面。请记住，这个页面的重点是没有滚动条，无论用户的屏幕尺寸如何，都可以将所有内容呈现给用户。因此，我让媒体查询清理需要在特定屏幕尺寸上的元素。
但是，当用户使用浏览器放大页面时，元素开始移动并堆叠在彼此的顶部。我相信这是因为100%的高度/宽度是特别依附于窗口大小的，并且当用户放大时不会扩展到窗口之外。
我可以通过去掉
浏览 0提问于2012-10-31得票数 5
回答已采纳
4回答
设置为默认缩放css
、、、、
所以我的问题很简单。当我开始开发我的网站时，我在Firefox浏览器上的默认缩放级别被证明是，嗯，不到100%。(可能是70%)，这意味着我到目前为止设计的东西实际上处于缩小模式，这反过来意味着当我的用户或web访问者以100%模式查看时，他们会看到看起来非常放大的东西。按住Ctrl键并滚动鼠标滚轮两次即可轻松解决此问题。显然，我不能鼓励人们这样做。
所以,
在HTML、CSS或Javascript中是否有一些函数或属性可以将默认缩放级别设置为缩小？
浏览 0提问于2012-06-28得票数 3
回答已采纳
1回答
我是用户界面开发的新手，但我对CSS的工作方式感到非常不舒服。
我的用例是，我想在页面上的特定div中应用一些特定的样式。
CSS尝试：
div.class1 {
font: normal 12px arial, helvetica, sans-serif;
font-color: #f30;
}
div.class1 div.class2 {
border: 1px solid #f30;
}
减少尝试：
@red: #f30;
@font-family: arial, helvetica, sans-serif;
div.class1 {
font: nor
浏览 0提问于2013-01-28得票数 11
回答已采纳
我写了一个简单的页面，有一个页眉和许多正文。当我在写的时候，我在本地的chrome和firefox上测试了这个页面，字体大小似乎符合我在css文件中指定的大小。但是，在我将html页面上传到服务器并在指定的网址上查看后，正文中的所有字体看起来都比我在css文档中指定的字体大了20%。
我正在寻找任何人可以提供任何提示，以帮助我修复这个奇怪的错误。
谢谢!
浏览 11提问于2011-08-17得票数 0
我有以下HTML，我可以更改它，但我更喜欢保持它的简单。
<div class="c">
<img ...>
</div>
图像的大小是可变的，应该在div中垂直居中。我目前使用的CSS如下：
.c {
width: 40px;
height: 40px;
overflow: hidden;
}
.c img {
width: 40px;
height: auto;
}
我尝试在CSS中使用表格和表格单元格方法，但容器会扩展以适合图像，即使使用overflow: hidden也是如此。我考虑过
浏览 1提问于2012-09-26得票数 0
回答已采纳
我有一个网页，它就像一个应用程序..一切正常，但在css中定义的页面的某些部分隐藏在智能手机控件(我猜只有android设备)后面
html, body{
width:100%;
height:100%;
margin:0px;
position:fixed;
overflow:scroll;
}
在meta上的html中，我们有
<meta name='viewport' http-equiv="Content-Type" content="user-scalable=0; text/html; charset=utf-8"/>
浏览 0提问于2017-03-16得票数 0
2回答
我发现了一个让我有点困惑的问题。我在我的CSS文件中设置了rem缩放字体大小，在CSS文件中的html{ ... }块中设置了16px的基本字体大小。
我的问题
当使用浏览器缩放浏览器时，它拥有自己的缩放方法(在本例中为火狐v46 )。我也用Chrome v51做了这件事，网站上的文本改变了大小，然而，各种填充和其他一些元素都有与字体大小、rem值相关的比例，但是使用Firebug (和Chrome检查器)查看计算和源代码时，即使在缩放时，也不会显示出这些值的缩放调整的计算变化。
例如：
CSS:
html,body {
font-size: 16px; /*the base.*/
浏览 6提问于2016-06-02得票数 3
回答已采纳
编辑1:问题似乎与CSS的边框折叠属性有关，因此可以通过使用边框间距: 0px来修复。但是，为什么边界崩溃会导致这种情况呢？它与缩放有关，就像你被放大或移出窗口一样，它会导致奇怪的粗体线条，但在我的例子中，我的浏览器设置为默认缩放，而系统(windows 11)也是建议的125% (我一直使用)缩放。我不明白怎么回事
最近，当我尝试创建一个HTML表时，我在一些行之后得到了一条奇怪的水平线。我已经附上了截图。代码是一个简单的HTML表和简单的CSS来添加边框，没有任何花哨。我会把密码附在这里。
table.html
<table>
<tr>
浏览 2提问于2022-03-30得票数 3
回答已采纳
当缩放浏览器时，我希望特定的iframe不在HTMl.Can中被放大我缩放页面而不缩放iframe.In下面的例子我想缩放页面中iframe content.Is的其余部分？？
<!DOCTYPE html>
<html>
<body>
div>adsfa</div>
<iframe src="http://www.w3schools.com">
<p>Your browser does not support iframes.</p>
</iframe>
<
浏览 0提问于2015-01-20得票数 1
在安卓应用程序中，发送带有URL的ACTION_VIEW intent将启动系统web浏览器打开网页，并且可以设置网页的起始位置(或滚动位置)。例如，android云客户端可以从用户的PC浏览器接收带有当前页面位置的URL，并让用户从离开的位置继续阅读。
浏览 2提问于2011-12-06得票数 0
回答已采纳
首先，如果我的问题很愚蠢，我很抱歉-我最近才开始学习html/css。
我已经完成了我的第一个网站，现在意识到一切都有点太大了。我想知道是否有可能使用html或css (或其他任何东西)让浏览器加载一个缩小10%的页面，而不是100%大小的页面。
浏览 1提问于2011-03-10得票数 1
1回答
我有一个HTML文件，其响应定义如下：
<html>
<head>
<meta name="viewport" content="width=device-width, user-scalable=no">
</head>
<body>
<img class="img"
src="https://stmed.net/sites/default/files/cube-wallpapers-25187-9698686.jpg" />
</bo
浏览 0提问于2018-07-02得票数 3
我做了一个小小的JS小提琴来证明我的问题。当您使用浏览器缩放页面时，记录到控制台的max-width值会发生变化，但是在CSS中它总是500 be。我怎样才能找到原始的CSS值，例如max-width，不管你是否放大了？
浏览 2提问于2012-02-21得票数 2
回答已采纳
1回答
我曾在这方面读过类似的问题，但似乎没有人有答案。我有一个iframe，我正在加载一个图像。当我放大时，iframe会变大或变小。是否有办法防止iframe的动物园或保持比例时缩放？
我让它为图像工作，但当我使用iframe时，它似乎可以工作。
JS
var iframeDimensions = document.getElementById('mobile-iframe');
var iwidth = iframeDimensions.clientWidth;
var iheight = iframeDimensions.clientHeight;
$(window).r
浏览 3提问于2013-12-02得票数 1
回答已采纳
2回答
移动设备仅部分显示网页
、、、、
很抱歉，我给你添麻烦了，但是我在谷歌上找不到这个搜索问题的答案。
所以让我尽快解释一下我的问题。我创建了一个在肖像和景观模式之间变化的网页。
当我使用桌面时，它是非常好的，页面显示正确。当我在我的IPhone 5上启动我的网页时，它做了一些“奇怪”的事情:它只是部分地显示页面。如果我想看到整个页面，我需要放大，这对用户来说很烦人。
所以如果你们知道如何解决这个问题，请告诉我！
，非常感谢你帮助我！
编辑:我使用的是<meta name="viewport" content="width=device-width, initial-scale=1.0">
浏览 4提问于2017-08-27得票数 0
回答已采纳
4回答
我写的CSS屏幕大小大于1100 px。当我按下ctrl和+(加号)时，页面的中间容器无法包装。它突然断了。
HTML:
<div id="outer_footer_bottom">
<div class="center">
blabla balaa blabalblabla
</div>
</div>
CSS:
<style>
#outer_footer_bottom{
width: 100%;
float: left;
浏览 8提问于2013-08-28得票数 1
我使用Firefox进行网页设计工作，因为我习惯并喜欢Firebug和。我现在正在制作一个页面模板，并且很难理解每样东西的外观，因为它已经缩小了。非HTML5 5网页有正确的缩放级别.
我搜索了很多，但没有找到任何相关的东西。
我想关闭这个行为，如果需要的话，使用一些-moz-*指令，因为它显示网页的方式与所有其他HTML5浏览器不同。
多么?
如果这个问题是新的，从15.0.1到Mac，我会接受暂时降级，如果你可以链接一个版本修复它。
注意:这与页面缩放无关，用户可以通过Ctrl +和-进行更改。
编辑: Hm，support.mozilla.com是正常规模(似乎)。有人能帮我找到什么HT
浏览 2提问于2012-09-12得票数 0
回答已采纳
1回答
我使用的是我在Adobe Illustrator中制作的.svg图片，我用这个css将它们附加到背景上：
(容器)
.numbertable {
position:relative;
display: inline-block;
padding-bottom: 80%;
vertical-align: middle;
width:41%;
}
(图)
.my-svg{ /* svg into : object, img or inline */
display: block;
position: absolute;
top: 0;
left: 0
浏览 1提问于2015-04-02得票数 4
1回答
铬误判机屏幕尺寸
、、、
我只是第一次尝试响应性设计，所以我不确定我是否做了什么，但我认为这只是一个bug。
现在，如果我将浏览器的一部分移出屏幕，并将其扩展到大约1345，则会单击我为1224设置的css。
//So this and @media all are the only ones which work currently
@media only screen and (min-width : 321px) {
/* Styles */
// div { border: 3px solid purple;}
}
// all others do nothing, confirmed via trial a
浏览 0提问于2014-04-30得票数 0
回答已采纳
1回答
如果页面非常窄，我将使用CSS Media查询来调整页面的外观。在我的简化示例中，如果页面宽度小于300px，我会将背景设置为蓝色。
@media all and (max-width: 300px) {
body{ background-color:blue;}
}
我最近发现，如果用户缩放(在Ctrl+Scrollwheel或Chrome Wrench>Zoom上)，最大宽度仍然是300个实际像素，而不是300个缩放像素。这可能会破坏具有更复杂布局的站点。有没有办法使用最大宽度的媒体查询来处理缩放浏览器的用户？
浏览 3提问于2011-11-12得票数 1
1回答
我发现chart.JS已经有一段时间了，我想在我的网站上实现它。我在他们的网页上写了最简单的代码，工具提示确实出现了，但是当我在我的CSS中使用html标签的zoom属性时(因为我想让整个页面变小)，工具提示似乎变得疯狂。其中一些不再出现，而另一些则仅在悬停图表的某些区域时出现。有什么办法解决这个问题吗？
浏览 8提问于2021-05-20得票数 0
回答已采纳
是否有人能够成功地在Windows应用程序(C#/XAML)上为Windows8.1提供某种Google视图？我们选择了谷歌地图，因为必应地图许可证的成本(这会容易得多，因为有一个本地的地铁控制必应地图)。
我能够跟踪并在WebView控件中包含一个html页面。我还可以与C#类进行通信(使用ScriptNotify和ScriptNotify)。
然而，没有识别捏变焦手势，因为它没有在地图上执行缩放操作。
这是我的WebView
<Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"&g
浏览 0提问于2014-02-11得票数 4
回答已采纳
我最近开始学习html和css。特别是，我正在学习响应式网页设计。我研究过meta viewport标签是创建响应式网页设计的第一步。特别是，我从这个链接开始学习： https://www.w3schools.com/css/css_rwd_viewport.asp 在这里，他们在移动屏幕上给出了一个网站的两张图片，分别是带和不带视口标签的。在第一个没有屏幕的情况下，图像不会随着屏幕的变化而自动调整。但在后一幅图像中，图像会自动调整。现在，我明白这一点。我想用下面的代码来复制它： <!DOCTYPE html>
<html>
<head>
<
浏览 21提问于2019-10-03得票数 0
回答已采纳
1回答
我试图了解视口和初始缩放是如何工作的。我阅读了、和，并尝试了下面的实验，我可以使用Firefox43.0版本在三星星系s4上复制这个实验。
如果我在星系s4上打开一个包含以下代码的网页：
<!DOCTYPE html >
<html >
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>Test</title>
<meta name="
浏览 3提问于2016-01-05得票数 0
我有两个JSP页面，其中包含以下代码：
A.jsp
<fieldset>
<legend class="noBold" >Datos generales</legend>
<table>
<tr>
<td class="etiqueta" colspan="5">
<label for="fxPresentacion">Fecha presentación:<
浏览 64提问于2014-09-18得票数 3
2回答
它的目的是在手机上隐藏红色的列，并在更高的分辨率上显示出来，但它只是没有隐藏。有人能告诉我我的代码有什么问题吗？，我把它贴在小提琴里，工作得很完美，但我的项目也是如此，但它不起作用。我做错了什么？我正在使用引导4.2.1
<html>
<head>
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"&g
浏览 1提问于2019-01-11得票数 0
回答已采纳
作为一名产品经理，我的入门级SQA测试人员问了我一个有趣的问题--“我们应该测试缩放级别吗?也就是说，当用户放大或放大他们的浏览器或iOS用户收缩缩放时。”
在我们正在开发的特定站点中，她注意到放大效果很好，但是放大会导致页面元素失真。一个很好的例子，一个新鲜的头脑问一个有趣的问题。
这应该是一个罕见的例子，人们放大我们的页面，但是在更大的主题上测试缩放级别，这应该是测试过程的一部分吗？
浏览 0提问于2012-12-23得票数 4
回答已采纳
我有一个为肖像视图在不同的设备优化的html页面。通常情况下，当切换到带有这个meta标签的横向模式时，页面应该自动缩放到设备宽度：
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.6, user-scalable=no;"/>
在iOS上运行良好，但在我的里程碑和Nexus One上完全不起作用。页面只是停留在它是320px的宽度，就像它是在纵向视图中。此外，根据android官方文档，将viewport meta标签中的宽度
浏览 1提问于2011-10-10得票数 2
回答已采纳
1回答
如果显示屏变小了，例如在手机上，我如何保持“细节”和“图片”的关系？我希望“详细信息”总是留在“图片”的左边，留出一定的空白处。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<style type='text/css'>
body {
margin: 0;
overflow: auto;
}
#picture {
display: inline;
float:
浏览 2提问于2018-09-03得票数 0
我正在做一个简单的静态页面，在那里我已经(关于，联系等)。问题是index.html页面的宽度和高度(主体)与其他页面不同。但是我为所有页面设置了一个大小，并且它可以在它们上工作--除了index.html
第一个想法-我搅乱了CSS，并试图找到类或id，这可以改变我的index.html -不。然后，我从about.html中复制了整个内容，并将其粘贴到index.html中，而且大小也是错误的。最后，我在home.html上更改了home.html的名称，之后宽度和高度都是正确的。因此，问题不在于html的内容，而在于文件名。我搜索了我的整个工作目录，如果有些css没有影响"ind
浏览 2提问于2016-02-11得票数 0
回答已采纳
2回答
我正尝试在我的Adobe Muse站点上实现一个自定义的GoogleMap。我不想使用简单的嵌入式地图，因为我想让地图有一个特定的外观。因此，我使用时髦的Maps设置了它的样式。
问题是，只有在调整窗口大小或向下滚动页面(在移动设备上)后，地图才会显示出来。
我试着做了Google Maps文档告诉我们做的所有事情，我读了很多其他人的问题，但最后都没有成功。
老实说:我不知道我到底在做什么，因为我刚刚开始做这些事情。
任何帮助都将不胜感激！谢谢!
这就是我的代码目前的样子(注意:我确实有一个API密钥，我只是把它拿出来了)：
<!DOCTYPE html>
<html>
浏览 9提问于2017-05-30得票数 1
2回答
我没有iPhone，所以我无法自己测试这一点，但根据一个客户，如果他放大，以更容易地点击一个链接，那么当下一个页面加载时，页面保持放大，用户手动必须再次缩小。
请注意，这不是一个响应式站点(它没有设置meta width=device-width )。
有什么方法可以防止这种情况发生吗？我尝试添加一个that zoom=1 onload，但几秒钟后将其删除，但这根本不起作用。
当我在谷歌上搜索这个问题时，我能找到的所有问题都是，当改变网页应用的方向时，人们的缩放级别变得疯狂了--这不是同一个问题。
浏览 2提问于2015-07-01得票数 8
1回答
我正在尝试有一个图像放大使用jQuery，同时保持它居中。我尝试添加一个'right'动画属性，但是没有帮助。
是该页面的活动版本。单击“学生”或“来宾”观看动画。
jQuery：
var studFocusWidth = 1000;
var studFocusChange = 165;
var chartSpeed = 700;
function goToStud() {
$('#chart').attr("usemap", "studmap")
.animate({
'width
浏览 2提问于2012-12-23得票数 2
回答已采纳
2回答
我想知道是否有人知道一种可以防止浏览器缩放特定页面元素的方法。
这是我正在开发的一个网站的移动版本。我有一个固定的菜单栏，运行整个网站的宽度，并保持在页面顶部的所有时间，以提供导航。我已经为触摸屏优化了按钮/文本大小，如果用户缩放页面内容文本，我真的不希望它受到影响。
我遇到的唯一一件事是下面的CSS，但当我尝试它时，它似乎不起作用：-webkit-text-size-adjust: none；
我不希望通过Viewport meta标签禁用整个页面的大小调整，我只想针对菜单栏html元素。
浏览 0提问于2012-03-06得票数 4
回答已采纳
我想创建一个新的应用程序。它基本上是一个深度缩放应用程序，用户可以在上面绘制注释(这将保存到数据库中，以便其他用户可以看到这些注释)。起初，它只是简单地在浏览器中运行。然而，如果该应用程序可以被该领域的爱好者使用，那么它将是有用的，因此能够在智能手机或其他手持设备上运行将是非常有益的。3G/4G信号很可能在这些地方几乎不存在，所以有能力下载一个“区域”的所有图像和信息将是很好的。
我无法决定使用哪种技术。Silverlight Deep Zoom应用程序在浏览器中看起来真的很不错，但我听说微软可能无论如何都不会抛弃这项广泛支持的技术，唯一能够运行Silverlight的智能手机将是Window
浏览 1提问于2011-07-10得票数 0
回答已采纳
当我在谷歌PageSpeed中运行一个测试页面时。我发现了一些警告，例如serve缩放图像。
http://man-vimal.net78.net/introduction/?intro/action=main
THe results were as such :
The following images are resized in HTML or CSS. Serving scaled images could save 449.3KiB (99% reduction).
http://man-vimal.net78.net/.../twitter-logo.png is resize
浏览 1提问于2013-01-19得票数 14
回答已采纳
2回答
我在HTML页面上有一张传单地图。当页面被滚动时，地图的任何部分都在视图之外，然后我点击缩放按钮，地图就会跳起来，这样它在视图端口中就完全可见了。如果整个地图不适合，那么地图的顶部将与视图的顶部对齐，底部只会挂在末尾。
这很烦人，因为用户刚刚按下的缩放按钮已经不在光标下了，他们必须再次找到它。
我已经尝试过内置的缩放栏和自定义的缩放栏，在其中我使用map.setZoom()，而且行为是一致的。但是，上的示例映射没有这样做，所以我很困惑。
我的地图很简单：
var home = {center: L.LatLng(51.499725, -0.124695), zoom: 11};
var mym
浏览 2提问于2019-07-24得票数 8
回答已采纳
在伪代码中，如下所示：
div:zoom(2){
color:red;
}
当变焦为2倍时，应该将所有div的颜色设置为红色。
有可能使用纯CSS吗？
浏览 0提问于2015-01-04得票数 1
回答已采纳
我正在尝试编写一个小工具，将图片和文本文件转换为HTML页面。
我的HTML页面的布局很简单：
问题是，当我为计算机浏览器调整HTML页面时，字体对于移动浏览器来说太小了。
当我为移动浏览器调整HTML页面时，页面在计算机浏览器中太难看了。
我对CSS不太了解。有没有办法为所有决议创建HTML页面？或者我必须生成两种HTML页面，一种用于计算机浏览器，另一种用于移动浏览器。
我和我们的UI设计者讨论了这个问题。他们告诉我，我得用几个css文件+不同大小的图片来做。看来我们是在上个世纪。
最后，我找到了这个工具：，这对于这个HTML页面来说已经足够好了。
浏览 1提问于2015-03-17得票数 1
回答已采纳
我们这里有个奇怪的问题。我们有一个几年来运作良好的网站。几个月前，火狐星体根据他的操作系统上的用户DPI-设置来缩放页面。
问题是，默认情况下，Windows 7中的DPI比例设置为125% (在我国)，每个使用Firefox的访问者都会看到缩放的页面。不过，和Safari现在也是这样做的，我想chrome也会这么做的。
棘手的部分是:当我打开页面时，我会看到正确的布局。如果我检查浏览器的缩放级别，它会告诉我100% --当我用firefox或Internet打开相同的页面时，所有的东西都会放大(放大) 25%。如果我检查浏览器设置中的缩放级别，它会显示100%。如果我放大两次(到80%)，我
浏览 4提问于2014-11-25得票数 7
回答已采纳
背景：我正在为Windows 7修改我现有的web应用程序。我的开发环境是MicrosoftVisualStudio2010高级版，我已经安装了WindowsPhoneSDK7.1。我的web应用程序只包含HTML和CSS。模拟器上的web浏览器是9。
Problem：我无法让我的网页显示全屏(宽度很好，但，页面的高度仅为显示区域的80%，和其余的20%显示为纯白)。
例如，我试图为我的页面获取背景图像并显示整个页面。
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-t
浏览 1提问于2013-01-14得票数 0
回答已采纳
我有一个带有以下三个控件的SharePoint页面，水平显示如下： ? css如下所示： .main {
display: flex;
flex-direction: row;
justify-content: flex-start;
.searchText {
width: 100%;
max-width: 330px;
margin-right: 25px;
}
.statusLabel {
margin-right: 25px;
margin-bottom: 8px;
}
.statusDropDow
浏览 34提问于2021-01-06得票数 1
2回答
检测夹点以在iOS上缩放
、、、、
我正在尝试检测iOS (真的是安卓系统)上的缩放事件，因为我正在使用jQuery移动来显示带有固定标题的页面。在梦幻世界里，我想要的不是页眉缩放，而是页面的其余部分缩放。但我知道这是不可能的。
在大多数页面上，我有一个移动版本，它可以很好地调整自己的大小，使得缩放没有必要，但在“封面”上，客户希望用户能够看到整个页面(缩小到合适的大小)，固定的页眉足够大到可以使用(即与移动优化的页面按比例相同的大小)，并且能够仅放大封面图像-让标题栏保持相同的大小。
问题是，一旦用户想要放大，这个标题栏就会变得不必要地变大。
所以我想要做的是检测当前的缩放级别，并缩小固定的标题栏，以便在放大底层页面时，它看起
浏览 1提问于2011-12-29得票数 11
我有一个网站，它有一个菜单元素，正好是900像素宽。我希望使用viewport标签将900像素缩放到移动屏幕的宽度-但这似乎不起作用：
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
我的CSS只有一个具有任意宽度的元素，这是顶部菜单：
body {
background-color:#6C88FF;
overflow:hidden;
margin:0px; padding:0px;
}
menu {
浏览 2提问于2016-06-09得票数 0
我很困惑。我的屏幕分辨率是1366x768。我是一名web开发人员，我的本地开发环境是apache。我的默认浏览器是chrome。直到几天前一切都很好。现在我正经历着一种奇怪的行为。通过本地主机路由到来的每个网页都显示视口宽度1515，而不是实际的1366。我不知道问题出在哪里。为了更清楚一点，下面的代码(它是一个w3school示例)中显示的页面在通过本地主机打开时会给出视口宽度1515。当双击打开时(不是使用localhost)，它会显示右侧的1366。请给我建议。提前谢谢。
<!DOCTYPE html>
<html>
<body>
<p>
浏览 0提问于2015-10-09得票数 2
3回答
我正在制作一个小网页，我的问题是，图像中的文本并不是对所有设备都有响应，所以有人能帮助我使文本响应，以下是我的代码：
<html>
<head>
<title>resturant</title>
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="main.css"
浏览 0提问于2019-01-19得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
