网站介绍
这个网站是一个响应式布局的网页，当屏幕高度小于700像素时，它会自动调整网页的宽度、高度以及一些元素的样式。这样可以确保在不同设备上都能提供良好的用户体验。
功能
- 当屏幕高度小于700像素时，将所有元素的宽度设置为自适应，高度设置为自适应，背景图片设置为无，并将所有元素的位置设置为静态。
- 将段落(
<p>)的颜色设置为黑色。 - 将
.stencil-tip类的元素行高设置为30像素。
实现代码
$(document).ready(function(){
if(window.screen.height<700){
$("*").css({"width":"auto","height":"auto","background-image":"none","position":"static"});
$("p").css("color","black");
$(".stencil-tip").css("line-height","30px");
}
});
这段代码首先在文档加载完成后执行，检查当前屏幕的高度是否小于700像素。如果是，则对页面中的所有元素应用相应的样式。这样可以确保在不同的设备和屏幕尺寸上都能够保持良好的布局和可读性。
