主页 / 问题 / 1560098
Accepted
Zailox
Asked:2024-01-04 06:36:27 +0800 CST2024-01-04 06:36:27 +0800 CST

如何放大html页面？

  • 772

我有一个 html 页面，但上面的所有内容都很小。如何放大并居中所有对象？先感谢您。

<!DOCTYPE html>

<html>

   <body>
   <div class = "container">
      <style>

         p {
         min-width: 3200px;
         color: blue;

         }

      </style>

      <p>I hope you are satisfied with the service  ;)

      <p>

         <!-- GFG is the name of the 

            file to be downloaded-->

         <!-- In order to run the code, 

            the location of the file 

            "dnn.zip" needs to 

            be changed to your local directory,

            both the HTML and downloadable file 

            needs to be present in the same directory -->

         <p><a href="https://upnow-prod.ff45e40d1a1c8f7e7de4e976d0c9e555.r2.cloudflarestorage.com/vRxHCBLc32cTsqYbK1xfhOwuYSE3/a54eca7f-c137-47ef-a23d-20419f704b76?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=cdd12e35bbd220303957dc5603a4cc8e%2F20231113%2Fauto%2Fs3%2Faws4_request&X-Amz-Date=20231113T052846Z&X-Amz-Expires=43200&X-Amz-Signature=b4066165bdcb788edc68e3d9b2c234fc463a99371e903e3df9e16a6bf9db0b12&X-Amz-SignedHeaders=host&response-content-disposition=attachment%3B%20filename%3D%22dnn.zip%22" download="dnn"></p>

         <button type="button">Download</button>

         </a>
              <p><a href="https://national-above-aphid.ngrok-free.app/files/primary%3Ahttpfiles/dnn.zip" download="dnn"></p>

         <button type="button">Download (localhost)</button>

         </a>
              <p><a href="http://file-st14.karelia.ru/v7qvg8/c1a195380ba528f13fb7f74af6b4c3aa/dd96ae5bae7f1e7d255acfecfca9ca1d/dnn.zip" </p>

         <button type="button">Download Mirror (file.karelia)</button>

         </a>
         <p><a href="http://download943.mediafire.com/e24irtpakicgD5G1pnMQKVC12cej2HEKQhxNc3KyUDcJ4kyLh-U-pS5yLjO6tzt5U22MgPFCVQ-GftC2o9z_wOokfqndJD6HgP5yHpibzjW92msb8u7fhM0PBuNbPLkyfTn0BkkNRsuBpUaCx-IPsGkfkS2KkQzG2gv9PM15Q1ah/k2lqu8nuekzeavd/dnn.zip?force" target="_blank"</p>

         <button type="button">Download Mirror (mediafire)</button>

         </a>
         <p><a href="old"</p>

         <button type="button">Old site</button>

         </a>
         <p><a href="chrome-native://newtab"</p>

         <button type="button">Fast newtab</button>

         </a>
         <p><a href="google-hacking-database"</p>

         <button type="button">google db exploit</button>

         </a>
         <p><a href="freecpvideo"</p>

         <button type="button">free cp video</button>

         </a>
         
   </body>
   </div>

</html>

如果最后一个按钮上有 rickroll，请不要尝试匹配我:)。

html

2 个回答

  1. Best Answer

    您似乎遇到了问题，因为浏览器正在尝试将您的 3200 宽度“推入”显示器。通过scale你放大细节。我认为这不是最好的解决方案。尝试添加

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <html lang="ru">

<head>

    <meta charset="utf-8">

    *****new*****
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    *************
    и т.д.

    并非所有设备的宽度都相同，因此您必须根据打开网站的设备的大小来缩放网站。
    width=device-width- 这行实际上意味着视口的大小等于设备屏幕的大小。
    initial-scale=1.0- 加载页面时的缩放级别。0.1- 最小值，10- 最大值。1- 默认

    • 1

  2. 感谢大家的回答，这是对我有帮助的解决方案：

    <div class = "container" style="text-align: center"> ```<= спасибо @Stark за помощь, с помощью style=... добавлено центрирование```

...

p {
         scale: 3 ```<= добавил scale```;
         color: blue;
         margin: 100px; ```<= добавил margin для сохранения расстояния между блоками```

         }

...

download="dnn">```<= не понимал, почему первые 2 кнопки не увеличиваются, нужно убрать этот '>' и все будет хорошо```</p>

    就是这样，该网站现在看起来好多了。 这是最终结果

    • 0

相关问题