首页 > 其他分享 >如何使用 css 将页面缩小/缩放到 90%

如何使用 css 将页面缩小/缩放到 90%

时间:2023-04-23 17:15:17浏览次数:45  
标签:0.9 scale transform 缩小 90% css 页面

当我使用像笔记本电脑这样的设备时,它被放大了,当我缩小到 90% 时,它看起来好多了。

我使用了缩放:90%;首先,但这不适用于 Firefox 或 safari。通过一些研究,我发现 transform:scale (0.9); 是要走的路。

Zoom IE适用。

但是,当我这样做时

html 或 body {transform:scale(0.9); 它使网站在其周围有巨大的差距。无法弄清楚如何像我第一次做的缩小 css 那样得到它。

 

 

来自:http://www.qianduanheidong.com/blog/article/323339/8cdd531216d671ed5536/

标签:0.9,scale,transform,缩小,90%,css,页面
From: https://www.cnblogs.com/youmingkuang/p/17347087.html

相关文章

  • java动态生成页面
    1.java中动态生成html具体适用哪些情况除了发布新闻那些的。答:数据量大,且增删改查频繁的。2.购物网站如果访问量不是很大。商品详细页面是否有必要也动态生成HTML?答:明显有必要,因为商品详细要经常修改,一般不改页面,改的是数据3.如果动态生成了HTML......
  • 为什么再html页面引用element复选框,只有名称值,没有复选框
    问题描述我引入了el-checkbox之后,发现浏览器页面只是显示里面的文字,并没有显示出来我想要看到的相应样式问题解决经过一定的百度查证可知,使用Element-UI组件时,我们需要用div标签将其包裹起来;然后使用script标签定义一下div里面的id属性,然后才能够引用到这个el-标签,让其中的样......
  • 51单片机 90g360°舵机控制
    主函数main#include<REGX52.H>#include"Delay.h"#include"Timer0.h"unsignedcharcount=0;unsignedcharpwm;voidTimer0()interrupt1{//每隔0.1ms=100us进入TH0=65435/256;//设置定时初始值TL0=6......
  • H5页面新增鼠标右击和长按触发事件
    H5页面新增鼠标右击和长按触发事件,不影响点击事件。示例如下:1.新增触发事件<van-cellclass="list-item"v-for="itemindataSource.list":key="item.id"@touchstart="longPress(item,index)"@touchend="removePress(item,index)"......
  • html css 怎么导入外部css
    在HTML文件中导入外部CSS样式表,可以使用<link>标签。具体步骤如下:创建一个样式表文件(通常以.css扩展名为后缀),并将所有的CSS样式规则存放在该文件中。在HTML文件中添加一个<link>标签,指定rel="stylesheet"属性和href属性,其中href属性值应该是样式表文件的U......
  • vue学习 第四天 css ---元素显示模式 display
     导学: 1)设置元素显示模式display2)block(块)、inline(行内)、inline-block(行内块)3)每一种元素模式的特点 1、元素显示模式:  独占一行 (块元素)和 共用一行(行内元素)HTML元素一般分为块元素和行内元素两个类型。 2、块元素:<h1>~<h6>、<p>、<div......
  • bootstrap css编码规范
    1.1. 语法1.        用两个空格来代替制表符(tab)--这是唯一能保证在所有环境下获得一致展现的方法。2.        为选择器分组时,将单独的选择器单独放在一行。3.        为了代码的易读性,在每个声明块的左花括号前添加一个空格。4.        声明块......
  • sdl2实现简单的登录页面
    #include<SDL.h>#include<SDL_ttf.h>#include<iostream>#include<string>intmain(intargc,char*args[]){  if(SDL_Init(SDL_INIT_VIDEO)<0)  {    std::cerr<<"SDL初始化失败,错误信息:"<<SDL_GetError()&l......
  • 微信小程序开发页面下拉刷新和scrollview
    问题背景本文主要介绍微信小程序开发过程实现页面下拉刷新以及scrollview组件实现下拉刷新,以及二者的关系。问题分析微信小程序开发过程,如果要实现页面刷新以及scrollerview下拉刷新,步骤如下:(1)页面独立配置在对应页面的json文件中配置属性:"enablePullDownRefresh":true(2)项目......
  • css在标签右上角添加“推荐”字样的斜三角样式
    可以使用CSS中的伪类:before来实现在标签右上角添加“推荐”字样的斜三角样式,具体实现代码如下:```.recommend:before{content:"推荐";position:absolute;top:-8px;right:-26px;z-index:1;padding:14px22px2px;background-color:#ff9900;t......