Firefox中markdown的img max-width:100%不兼容问题

2015-01-20 13:19:50

其实我的第一反应是改写markdown的解析器，至少我处理link的_blank的时候就是这么干的，而且这样我觉得比较优雅，在网页上装满javascript总觉得不太爽

不过没搞定，应该是firefox对inline的判定太恶心了，我嵌套的table太多了

事实上这个博客已经说得非常透彻了，让我这种前端一知半解的人很愉悦： Firefox中“max-width:100%”不兼容问题

代码在我的blog上大概是这样的

$(function() {
    var entryContentWidth = $('.blog_content_index').width();
    $('.blog_content img').on('load', function(){
        if($(this).width() > entryContentWidth) {
            $(this).width('100%');
        }
    });
});

不过我碰了个很撕笔的问题，去stackoverflow上滚了一圈:Uncaught ReferenceError: $ is not defined

顿时觉得像我那么撕笔的人原来还不是一个，大眼不识jquery啊……

不过具体弄起来有个问题，图片如果有了缓存，就不会load了。如果是以前访问过的页面照样会出现撑大的情况

为此我还写了个非jquary的js企图弄掉这个情况

function checkImgWidth(strClass,stdClass, strWidth) {
    var classStd = document.getElementsByClassName(stdClass);
    if (classStd.length>0) {
        var stdLength = classStd[0].clientWidth;
        var classElements = document.getElementsByClassName(strClass);
        for (var i = 0 ; i < classElements.length ; i++) {
            var imgs=classElements[i].getElementsByTagName("img");
            for (var j=0;j<imgs.length;j++) {
                if (imgs[j].clientWidth > stdLength) {
                    imgs[j].style.width=strWidth;
                }
            }
        }
    }
}

结果发现stdLength取出来的时候已经被撑大了。。。

最后借鉴了这个：CSS 防止表格被內容撐開，发现外层框架加上:

table-layout: fixed;

一切都解决了……

技术   css javascript jquery

Sweet home

2015-01-18 19:32:47

玩了一下午的画画，愣是敬佩学设计的同学们了

linux下面sweet home 3d感觉是个不错的软件

就是比较西式，比如找不到中式煤气灶之类的

SweetHome在线版本：Sweet Home 3D online

客户端支持Win,Mac,Linux

语言支持En,XX,XX,XX…XX,中文

生活  

拆迁中的平凉西区

2015-01-17 18:41:00

今天经过平凉路，发现居然拆了九年还没拆完，走了大半才发现自己还是随身带了相机的

怀旧版本平凉地区·杨树浦·定海桥（图多）2006-08-06 13:52

总结下来问题如下：

  1. 我没以前那么爱拍照了
  2. gimp还没用熟，处理图片太慢了
  3. 电脑不行啊，开十几个图就卡了
  4. 应该早点写个image的配置模块，sae storage上传太麻烦了
镜头   街景

不折腾不舒服斯基

2015-01-15 21:37:10

我只是测试一下storiage。

太折腾了，bug多得就像蜂窝一样……

技术   django python

碎碎念

2015-01-14 19:48:21

我已经严重过了写博客的年龄了。 不过最近在玩django。 考虑在新浪云豆用完前多折腾折腾。

你好，这是一个测试页面。

python测试

class Person:
    name=""

    def __init__(self, name="Mr Jia on the way"):
        self.name = name


    def say_hello(self):
        print "Hello, %s!" % (self.name)


people=[
    Person(name='Jill'),
]
for person in people:
    person.say_hello()

c测试

#include<stdio.h>

int main()
{
    printf("Hello world!");
    return 0;
}

xml测试

<html>
    <head>
        <title>Hello World</title>
    </head>
    <body>
        <h1>Hello world</h1>
    </body>
</html>
技术