css问题,怎样才能让网站在600～640的范围之内适应屏
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了css问题,怎样才能让网站在600～640的范围之内适应屏相关的知识，希望对你有一定的参考价值。
qi100.wap.ai奇页网代码如下：<style type="text/css">
body width:360px;background:#fff;color:#000;font-size:12px;margin:0 auto;border:2px solid #FFBD2C;background:#fff;
*line-height:1.4em;
a color:#039;text-decoration:none;
a:hover, a:active, a:focus color: #f00;text-decoration:none;
img border: none;
a color:#039;text-decoration:none;
a:hover color: #DE0000;text-decoration: underline
a:visited color: #C300E0;text-decoration: underline
input.ipma background-color: #FFFFFF; color: #000000; width:360;
textarea.ipmb background-color: #FFFFFF; color: #000000; width:360; height:167px;
form margin: 0px;display: inline;
font.z color: #FF0000;
div width: 360;padding: 5px;border: none;background-color:#FFFFFF;color: #000000; margin: auto; text-align:left;
div.line1width: 360;padding: 5px;border: none;background-color:#FFD494;color: #000000; margin: auto; text-align:left;font-weight: bold;line-height:18px;padding:3px 0 0 5px;
div.line2width: 360;padding: 5px;border: none;background-color:#FFB8E5;color: #000000; margin: auto; text-align:left;line-height:18px;padding:3px 0 0 5px;
div.title width: 360;padding: 5px;border: none;background-color:#D2691E;color: #FFFFFF; margin: auto; text-align:left;line-height:18px;padding:3px 0 0 5px;
div.welcomebackground:url(/wapstyle/cssimg/dbaeebe5.jpg);background-repeat: repeat-x; background-color:#F8DE56;border-bottom:1px solid #FFCF0E;line-height:18px;padding:3px 0 0 5px;
div.tipwidth: 360;padding: 5px;border:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="media.css">
<!--[if lte IE 9 ]>
<script src="respond.min.js"></script>
<![endif]-->
</script>
<style>此部分作为一CSS文件引用
@charset "utf-8";
/*reset*/
html font-size:12px;
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,imgmargin:0;padding:0
tableborder-collapse:collapse;border-spacing:0
fieldset,imgborder:0
ol,ullist-style:none
caption,thtext-align:left
h1,h2,h3,h4,h5,h6font-size:100%; font-weight:normal;
img border:none; outline:none;
pmargin:0 0 5px 0; padding:0; line-height:160%;
.one font-size:1rem; width:1198px; overflow:hidden; height:300px; border:1px solid #ccc; margin:0 auto; position:relative; transition:width 0.3s linear;
.one:before content:"1200px"; position:absolute; left:0; top:0; width:1198px; height:298px; height:300px; overflow:hidden; text-align:center; line-height:298px;
.one img width:1198px; overflow:hidden;
@media screen and (max-width:1199px)
.one width:958px; border-color:#F00;
.one:before content:"960px"; position:absolute; left:0; top:0; width:958px; height:300px; overflow:hidden; text-align:center; line-height:298px;
.one img width:958px;
</style>
</head>
<body>
<div class="one">测试文字测试文字测试文字测试文字测试文字<br/><span style="font-size:12px; color:#F00;">测试文字测试文字测试文字测试文字测试文字</span></div>
</body>
</html> 参考技术B 这个是宽度360PX，要看实际的代码来处理。追问
怎样才能在600～640的范围之内自动适应屏～
追答这个只看CSS看不出效果，需要和前台代码一起看。
追问你看看我的网站？上面有网址！要在哪里做修改
追答真费劲，要的是代码，不是域名。看你网站能做什么。
参考技术C 建议你看一下响应式网站我怎样才能让一个有角度的应用程序（嵌入在不同的网站上）一直跨越到页面的底部
【中文标题】我怎样才能让一个有角度的应用程序（嵌入在不同的网站上）一直跨越到页面的底部【英文标题】：how can i make an angular app (embeded on diffrent sites) span all the way to the bottom of the page 【发布时间】：2021-11-22 11:29:51 【问题描述】：我使用嵌入客户网站的 Angular 开发了一个组件。 我希望组件至少跨越到视口结束。 每个站点都有不同大小的标题，并且标题不共享标签/类/ID。 我需要向应用程序添加等于视口高度的最小高度值 - 标题高度，这样，即使我的组件的内容不足以到达视口的底部，最小高度也会强制它跨越所有通往它的路。
之前我用下面的 JS 代码处理过这些问题
var component= document.getElementById("component")
component.minHeight = Window.innerHeight - component.getBoundingClientRect().top
但这不适用于角度......
知道我该怎么做吗？
【问题讨论】：
【参考方案1】： #component
min-height: 100vh;
在 css 中将 min-height 设置为 100vh 和父组件。
我认为 css 比 javascript 或 typescript 更简单。
【讨论】：
它不能是 100vh，我希望它占据 100% - 标题高度...标题大小因站点而异，因此据我所知它必须是 JS/TS 跨度>以上是关于css问题,怎样才能让网站在600～640的范围之内适应屏的主要内容，如果未能解决你的问题，请参考以下文章