使网站扩展而不是响应

时间:2018-08-22 11:04:42

标签: html css responsive-design

我知道这是一个不好的做法,但是我需要知道如何在较小的设备上缩小整个网站的比例,因此它们必须放大。像这个网站:http://gamekeeperinn.co.uk/

我设法删除了部分内容;

~/Library/Developer/Xcode/DerivedData

但是我的文字不能与网站的其余部分一起缩放。您知道他们是如何实现这种影响的吗?

1 个答案:

答案 0 :(得分:1)

如果我错了,请纠正我,但这是我使用vh css单元进行文本缩放的方法,我将用html进行演示。

HTML:

var options = {

    formData: '<?php echo str_replace("'","\'",$forms[0]['form_template']);?>',
    disableFields: ['autocomplete'],
    editOnAdd: true
  };

  $(fbTemplate).formBuilder(options);
});

CSS:

 <div> <h1>test</h1> </div>
 <p> 
     Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do    
     eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim 
     ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut 
     aliquip ex ea commodo consequat. Duis aute irure dolor in 
     reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
     pariatur.
 </p>

即使您放大或缩小,文本也将随视图缩放。