css全比例 |按钮边框css3

一般来说，大家需要使用媒体查询（Media Query）来实现全比例设计，首先需要设置网页的主要尺寸和比例，如下：

html {
height: 100%;
width: 100%;
}
body {
height: 100%;
width: 100%;
margin: 0;
padding: 0;
}

接下来，在媒体查询中，大家需要根据不同的屏幕尺寸和设备类型，调整网页的字体大小、图片尺寸、容器宽度等，以保持页面的比例和整洁度：

@media screen and (max-width: 768px) {
html {
font-size: 12px;
}
body {
margin: 0;
padding: 0;
}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
html {
font-size: 14px;
}
body {
max-width: 960px;
margin: 0 auto;
}
}

以上代码表示：在屏幕宽度小于等于768px的情况下，网页字体大小为12px，body的margin和padding为0；在屏幕宽度大于768px且小于等于1024px的情况下，网页字体大小为14px，body最大宽度为960px，且设置margin居中。

当然，以上只是最基本的全比例设计，根据具体需要可以进行更多的细节调整和优化，以达到更好的用户体验。