87,988
社区成员
发帖
与我相关
我的任务
分享怎么整体缩放页面。自己试了scale不灵。
各位，我下载了一个天气接口。
放到自己的页面。 感觉布局挺好，唯一不足就是有点小，想把它放大些。
我用了 viewport， 试了 ,initial-scale=2.5, minimum-scale=2.5 和 都是1 的情况。
发现显示的页面没有变化。两边的margin一样大。屏幕没有沾满。
请问，怎么统一放大所有元素。
谢谢。
里面内容显示有表格 ul li。是这个原因吗
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="mobile-web-app-capable" content="yes">
<meta name="viewport" id="portviewid" content="width=device-width,initial-scale=2.5, minimum-scale=2.5, maximum-scale=2.5, user-scalable=no">
<style>
* {
margin: 0px;
padding: 0px;
font-family: PingFangSC-Regular, Verdana, Arial, 微软雅黑, 宋体;
list-style: none;
}
.weather-container {
width: 240px;
height: 260px;
margin: 20px auto;
background: no-repeat;
background-size: auto auto;
border-radius: 5px;
}
放到自己的页面。 感觉布局挺好，唯一不足就是有点小，想把它放大些。
我用了 viewport， 试了 ,initial-scale=2.5, minimum-scale=2.5 和 都是1 的情况。
发现显示的页面没有变化。两边的margin一样大。屏幕没有沾满。
请问，怎么统一放大所有元素。
谢谢。
里面内容显示有表格 ul li。是这个原因吗
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="mobile-web-app-capable" content="yes">
<meta name="viewport" id="portviewid" content="width=device-width,initial-scale=2.5, minimum-scale=2.5, maximum-scale=2.5, user-scalable=no">
<style>
* {
margin: 0px;
padding: 0px;
font-family: PingFangSC-Regular, Verdana, Arial, 微软雅黑, 宋体;
list-style: none;
}
.weather-container {
width: 240px;
height: 260px;
margin: 20px auto;
background: no-repeat;
background-size: auto auto;
border-radius: 5px;
}
...全文
