UI给的psd图宽度是1920px的，我该怎么写？

Posted 2023-04-17

如果我按照1920的写在小屏幕上肯定不适配啊，比如就在1280的屏幕上就会出现左右滚动条。元素与元素之间的距离呢？该怎么写？不要和我说响应式。。

问这个问题，可见你是前端开发的小菜鸟 ，网页设计稿是按照一般显示器的尺寸设计，但是一般左右有留白，也就是说中间内容区域才是真正尺寸写死的，而左右两边是自适应的，注意是自适应，不是响应式，只有浏览器真正缩小到内容区的时候，才会出现滚动条

追问

您好。

就是ui要是给我1920的图就只能写出1920的网页对吧

您好。能问下您的联系方式么。

Qq

Wx

都可以。我想深度请教下您

参考技术A 两边各留1px的白边，然后等比缩放，相信我，看起来就和响应式一样的

怎么用js获取div的当前宽度？

参考技术A

第一种情况就是宽高都写在样式表里，就比如#div1width:120px;。这中情况通过#div1.style.width拿不到宽度，而通过#div1.offsetWidth才可以获取到宽度。

第二种情况就是宽和高是写在行内中，比如style="width:120px;"，这中情况通过上述2个方法都能拿到宽度。（什么是行内，就是直接在html标签上写样式）

小结，因为id.offsetWidth和id.offsetHeight无视样式写在样式表还是行内，所以我们获取元素宽和高的时候最好用这2个属性。注意如果不是写在行内style中的属性都不能通过id.style.atrr来获取。

现在的前端制作很少直接把样式写style里了，都是写在样式表里。如果你要获取的样式没有相对应的（就像#div1.style.width对 应#div1.offsetWidth），就只能分别针对不用浏览器来获取样式表的属性了，可以试着搜索“JS 获取样式属性”之类的。

代码：

var o = document.getElementById("view");var h = o.offsetHeight; //高度var w = o.offsetWidth; //宽度

扩展资料：

js编程:

JavaScript是一种脚本语言，其源代码在发往客户端运行之前不需经过编译，而是将文本格式的字符代码发送给浏览器由浏览器解释运行。直译语言的弱点是安全性较差，而且在JavaScript中，如果一条运行不了，那么下面的语言也无法运行。而其解决办法就是于使用trycatch()。

Javascript被归类为直译语言，因为主流的引擎都是每次运行时加载代码并解译。V8是将所有代码解译后再开始运行，其他引擎则是逐行解译（SpiderMonkey会将解译过的指令暂存，以提高性能，称为实时编译），但由于V8的核心部份多数用Javascript撰写（而SpiderMonkey是用C++）。

因此，在不同的测试上，两者性能互有优劣。与其相对应的是编译语言，例如C语言，以编译语言编写的程序在运行之前，必须经过编译，将代码编译为机器码，再加以运行。

参考资料：javascript_百度百科