八达网

标题: 问个问题，八达有没有做网站比较专业点的人士，这个问题我一直没搞懂 [打印本页]

作者: qq87654321 时间: 2014-3-31 15:39
标题: 问个问题，八达有没有做网站比较专业点的人士，这个问题我一直没搞懂
http://www.cqsnt.com/

这个是我们公司网站，一般的窄屏电脑上能完全显示，但是宽屏电脑上就两边是空的

我问做网站的，他跟我说就只能这样没法弄宽

这个是他的技术问题还是真的不行

作者: Sophia 时间: 2014-3-31 15:40
提示: 作者被禁止或删除内容自动屏蔽

作者: 啊不 时间: 2014-3-31 15:40

作者: qq87654321 时间: 2014-3-31 15:41
还有之前一直想把淘宝购买那块页面弄到我们网站上，或是自己在网站上做个支持银联支付宝购买的页面，也是问了几家都不行

作者: 用户名掉包了 时间: 2014-3-31 15:41
技术不行啊

作者: 用户名掉包了 时间: 2014-3-31 15:42
不过这种网站没有全屏的，你看新闻网站哪个是宽屏全屏的

作者: qq87654321 时间: 2014-3-31 15:42
还有个问题也是，公司相册这块，我想做个类似QQ相册那种，结果他妈的给我弄成这种人不人鬼不鬼的样子

技术支持那块也是

找个好的做网站的就那么难吗

作者: zjj4343 时间: 2014-3-31 15:47
你点开网易和新浪首页也是这样的吧

作者: qq87654321 时间: 2014-3-31 15:47

啊不发表于 2014-3-31 15:40

帮我研究下问题啊

作者: qq87654321 时间: 2014-3-31 15:48

有专门做网站的吗，帮我研究下

作者: 用户名掉包了 时间: 2014-3-31 15:53
你全屏了显示什么内容？把字拉长吗，还是显示更多的内容，那普屏不就看不到了

作者: zerg王 时间: 2014-3-31 16:11
你同事水平太菜，忽悠你呢。弹性布局是现在网页的基本要求吧。

作者: 纯洁 时间: 2014-3-31 16:17
技术不行，全屏自动匹配分辨率这是基本要求

作者: 卖血玩星际 时间: 2014-3-31 16:23
可以实现，楼主请搜索“响应式网页设计”。
楼主说要找好的做网站的是指前端效果吧？
现在确实不好找，满世界都缺前端。

作者: 精神病人 时间: 2014-3-31 16:36
技术不行

作者: BeRush 时间: 2014-3-31 17:24
技术不行，应该用比例宽度

作者: rusher971 时间: 2014-3-31 19:12
楼上的全部真做过网页？

好像无解，一般的解决方法是多做几种分辨率模板，到时候根据访问者屏幕分辨率选择调用最合适的

作者: OruA 时间: 2014-3-31 20:11
哼！
想起老子还只会TABLE布局，不跟你们讨论了

作者: Cx.SC 时间: 2014-3-31 20:41
宽度可以给百分比的

作者: Springsun 时间: 2014-3-31 20:45

我觉得更有可能不是他做不到,而是因为懒.为了不同的分辨率使用不同的CSS还有图片素材什么的.

作者: Pentium9 时间: 2014-3-31 20:51
本帖最后由 Pentium9 于 2014-3-31 21:46 编辑

CSS布局奇淫技巧之-宽度自适应 http://www.cnblogs.com/2050/archive/2012/07/30/2614852.html

css这个东西，说难不难，说容易也不容易。我觉得最重要的还是经验的积累，正所谓的不积硅步，无以至千里。这一系列文章讲述几种css特殊布局的实现，也当作为自己做个备忘吧。

首先讲的是三列布局，左右两列宽度固定，中间一列宽度自适应

这个很好实现，左右两列分别左浮动和右浮动并给一个固定宽度，中间不浮动，也不设定宽度。这样基本就可以了。但为了兼容IE还必须做些工作。

看下代码结构：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>宽度自适应布局</title>
<style>
body,div{ margin:0; padding:0;}
div{ height:200px; color:#F00;}
.left{ float:left; width:100px; background:#00f; _margin-right:-3px;}
.right{ float:right; width:100px; background:#0f0; _margin-left:-3px;}
.center{ background:#333; margin:0 100px; _margin:0 97px;}
</style>
</head>
<body>
<div class="left">我是left</div>
<div class="right">我是right</div>
<div class="center">我是center</div>
</body>
</html>

复制代码

作者: OruA 时间: 2014-3-31 21:28
_margin-right
_margin-left
有个下划线是什么意思？

作者: 葱皮 时间: 2014-3-31 21:30
那两条不是留着放广告的么？

作者: IROI 时间: 2014-3-31 21:31
21L技术人才啊

作者: qq87654321 时间: 2014-3-31 21:32
码农下班了还来帮我讨论技术，谢谢了~~~

作者: Pentium9 时间: 2014-3-31 21:48
本帖最后由 Pentium9 于 2014-3-31 21:49 编辑

OruA 发表于 2014-3-31 21:28
_margin-right
_margin-left
有个下划线是什么意思？

ie 6的hack，就是说，针对ie6写的，这个属性只有ie6识别，下面都是ie常见的hack

.demo {
padding:10px;
padding:9px\9; /* all ie */
padding:8px\0; /* ie8-9 目前应用于IE8的单独hack，情况比较少 */
*padding:5px; /* ie6-7 */
+padding:7px; /* ie7 */
_padding:6px; /* ie6 */
}

http://zhidao.baidu.com/link?url ... fBkpu0ByExFg3IFKPzK

作者: 影子武士 时间: 2014-4-1 21:14
原则上可以弄宽，不过从之前设计结构来说，要全屏显示的话那你那网站界面排版就得重新做，工作量会很大
别人肯定不愿意你给做这个维护。

其次从界面设计企业型网站弄宽全屏显示完全就是一个糟糕的决定，这点请参考九宫格理论等很多原因，网站设计的页面标准宽度是960像素或者1000像素，请参考sina和qq都是1000像素宽。

介意可以把页头导航和页脚就全屏或者在多余空白地方平铺纹理图片来调整效果。

作者: 影子武士 时间: 2014-4-1 21:20
要增加购物车支付宝功能，那你现在这个网站肯定得改版重新做。
常用第三方支付一般都是支付宝或者财付通，都可以继承进去的，你baidu下就知道。

对于相册，那这个是你找的人前端技术不行，你多花点钱自然就能找到有水平的。

作者: 人品问题 时间: 2014-4-1 21:27
我就不喜欢div+css，我就喜欢画table
当然，我不是个码农

欢迎光临八达网 (https://www.8-da.com/)